1. ホーム
  2. Web制作
  3. HTML/Xhtml

照合でjsを呼び出すいくつかの方法と、推奨の使用方法

2022-01-15 06:25:58
私たちは一般的に、aタグのクリックイベントである
1. a href="javascript:js_method();"。
この方法は私たちのプラットフォームでよく使われる方法ですが、このようなパラメータを渡すときに問題が発生しやすく、javascript:protocol を href 属性に指定すると window.onbeforeunload イベントが不必要に発生するだけでなく、IE では gif アニメーションの再生さえ止められてしまいます。
2. a href="javascript:void(0);" onclick="js_method()"
onclickメソッドはjs関数の実行を担当し、voidは演算子です。void(0)はundefinedを返し、アドレスはジャンプしません。また、このメソッドは、最初のメソッドのように、ブラウザのステータスバーに直接jsメソッドを露出させるものではありません。
3. a href="javascript:;" onclick="js_method()"
この方法は同2と似ていますが、違いは空のjsコードが実行されることだけです。
4. a href="#" onclick="js_method()"
このメソッドもネット上では非常によく見かけるコードで、#はtopの役割を表すタグに内蔵されているメソッドです。つまり、このメソッドを使うと、クリックした後にページが一番上に戻ってくるというわけです。
5. a href="#" onclick="js_method();return false;"。
このメソッドは、js関数をクリックして実行し、falseを返すと、ページはジャンプせず、実行後もページの現在の位置にある。
タオバオのホームページを見たら、2番目の方法を使っていて、アリババのホームページは1番目の方法を使っていて、我々と違うのは、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;"