aタグにクリックイベントがあります.

1513 ワード

私たちがよく使うのはaタグの中にクリックすることがあります.
1. a href="javascript:js_method();"
これは私達のプラットフォームでよく使われている方法ですが、この方法はthisなどのパラメータを渡す時に問題が発生しやすいです.また、JAvascript:プロトコルがahref属性であるときは、不必要なトリガwindow.onbeforeunloadイベントだけでなく、IEの中でgif動画像の再生を停止させます.W 3 C標準はhrefでjavascript文を実行することを勧めません.
2. a href="javascript:void(0);" onclick="js_method()"
この方法は多くのウェブサイトで最も一般的な方法であり、最も周到な方法でもあり、Oclick方法はjs関数を実行する責任があり、voidはオペレータであり、void(0)undefinedに戻り、アドレスはジャンプしない.また、この方法は、最初の方法のように、ブラウザのステータスバーに直接jsメソッドを露出しません.
3.a href="javascript:;" onclick="js_method()"
この方法は2種類と似ていますが、違いは空のjsコードを実行しただけです.
4.a href="#" onclick="js_method()"
この方法はネット上でよく見られるコードであり、ラベル内蔵の一つの方法であり、トップの役割を表しています.この方法でクリックしてからページの一番上に戻ります.
5.a href="#" onclick="js_method();return false;"
この方法はクリックしてjs関数を実行した後にreturn false、ページはジャンプが発生しません.実行後ですか?それともページの現在位置ですか?taobaoのホームページを見ましたが、彼らは第2の方法を採用しています.alibabaのホームページは第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;"
   2 ....