タグが JavaScript を呼び出す仕組み

この記事では主に、a タグが JavaScript を呼び出す方法について詳しく紹介します。この記事は、皆さんにとって確かな参考と学習価値があると思います。 A タグでよく使用されるクリック イベント: & lt; ラベルの href 属性は、ハイパーリンク ターゲットの URL と JavaScript スニペットを指定するために使用されます。

ここで href="javascript:;"、ここで javascript: は、リンクを通じて JavaScript 関数を呼び出すことを可能にする疑似プロトコルです。このようにして、javascript:; のクリック イベントの実行時間を実現できます。 A タグを使用すると、ページに多くのコンテンツがあり、スクロール バーがある場合、ページが飛び回ることがなく、ユーザー エクスペリエンスが向上します

1。これは、当社でよく使用される方法です。プラットフォームに対応していますが、このメソッドでは次のようなパラメータを渡す必要があります。問題が発生しやすく、javascript: プロトコルが a の href 属性として使用されている場合、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、 IE で GIF アニメーション画像の再生が停止します。 W3C 標準では、href

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

a href="javascript:js_method();"

このメソッドは、多くの Web サイトで最も一般的に使用されているメソッドであり、js 関数の実行を担当する最も包括的なメソッドでもあります。 void は演算記号ですが、void(0) は未定義を返し、アドレスはジャンプしません。また、このメソッドは最初のメソッドのように js メソッドをブラウザのステータス バーに直接公開しません。

3.

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

このメソッドは 2 つのメソッドに似ていますが、唯一の違いは空の JS コードが実行されることです。

4.

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

このメソッドもインターネット上で非常に一般的なコードです # はタグに組み込まれているメソッドであり、top の役割を表します。したがって、このメソッドを使用して Web ページをクリックすると、ページの先頭に戻ります。

false を返した後、ページはジャンプせず、実行後もページの現在位置に留まります。

タオバオのホームページでは 2 番目の方法が使用されていますが、アリババのホームページでは 1 番目の方法が使用されています。私たちのホームページとの違いは、各 href の JavaScript メソッドが try と catch で囲まれていることです。 上記に基づいて、js 関数を呼び出すための最も適切な方法が推奨されます:

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

関連する推奨事項:

タグ内で js を呼び出すいくつかの方法

タグ内で呼び出すjs関数のクリックイベントのまとめ


タグやwindow.open()でJavaScriptのメソッドを呼び出すいくつかの方法

以上がタグが JavaScript を呼び出す仕組みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。