照合で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;"
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;"
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
テキストボックスのHTML実装は、内容だけを読み取って変更することはできない
-
selectを読み取り専用で編集不可にし、selectの値を渡す設定にする方法
-
html フォーム属性の readonly と disabled を使用する方法
-
htmlにおけるtextareaの利用方法とよくある問題点・ケーススタディ
-
テーブルの外枠だけを表示させるhtml
-
HTMLコードのスペースと空白行について簡単に紹介します。
-
Html,sHtml,XHtml差分解析まとめ
-
WebページのレイアウトはIE6との互換性の問題を考慮する必要がある
-
共通するイベントやメソッドをhtmlテキストで詳しく解説
-
xhtmlのブロックレベルマークアップをわかりやすく解説