タグ内で JavaScript メソッドを呼び出す方法は何ですか?

方法: 1. "" ステートメントを使用します。 2. "" ステートメント; 3. "" ステートメントを使用します。

#このチュートリアルの動作環境: Windows7 システム、javascript1.8.5&&HTML5 バージョン、Dell G3 コンピューター。

タグ内で JavaScript メソッドを呼び出すいくつかの方法 (クリック イベントを例に挙げます)

方法 1:

<a href="javascript:js_method();">

これは私たちのプラットフォームで一般的に使用されるメソッドですが、このようなパラメータを渡すとき、および javascript: プロトコルが

a の href 属性として使用される場合、このメソッドは問題が発生しやすくなります。これにより、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE ではアニメーション GIF 画像の再生が停止します。 W3C 標準では、href

で JavaScript ステートメントを実行することは推奨していません。方法 2:

<a href="javascript:void(0);" onclick="js_method()">

この方法は、多くの Web サイトで最も一般的に使用されている方法であり、最も包括的な方法でもあります。 , onclick メソッドは

js 関数 の実行を担当し、void は演算子であり、 void(0) は未定義を返し、アドレスはジャンプしません。また、このメソッドは最初のメソッドのように js メソッドをブラウザのステータス バーに直接公開しません。

方法 3:

<a href="javascript:;" onclick="js_method()">

この方法は方法 2 と似ていますが、唯一の違いは、空の JS コードが実行されることです。

メソッド 4:

<a href="#" onclick="js_method()">

このメソッドもインターネット上で非常に一般的なコードです。# は

タグ に組み込まれたメソッドです。トップの役割を表します。したがって、このメソッドを使用して Web ページをクリックすると、ページの先頭に戻ります。

メソッド 5:

<a href="#" onclick="js_method();return false;">

このメソッドは、クリックして

js 関数 を実行すると false を返します。ページはジャンプせず、ジャンプしたままになります。実行後のページ内にあるページの現在の場所。

タオバオのホームページを見てみました。タオバオのホームページは 2 番目の方法を使用していますが、アリババのホームページは最初の方法を使用しています。私たちのホームページとの違いは、各 href 内の JavaScript メソッドが try. で囲まれた catch を使用していることです。

上記に基づいて、

a で js 関数 を呼び出す最も適切な方法が推奨されます:

<a href="javascript:void(0);" onclick="js_method()">
<a href="javascript:;" onclick="js_method()">
<a href="#" onclick="js_method();return false;">

[関連する推奨事項:

JavaScript 学習チュートリアル ##]

以上がタグ内で JavaScript メソッドを呼び出す方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。