クリックイベントをタグに追加して、href ジャンプページをブロックします

PHP中文网
リリース: 2016-08-20 08:47:54
オリジナル
1502 人が閲覧しました

一般的に a タグでクリック イベントを使用します:
1. a href="javascript:js_method();"

これは私たちのプラットフォームで一般的に使用されるメソッドですが、このメソッドは次のようなパラメーターを渡すと失敗します。は問題を引き起こしやすく、a の href 属性として javascript: プロトコルが使用されていると、不要な window.onbeforeunload イベントがトリガーされるだけでなく、IE での GIF アニメーションの再生が停止する原因にもなります。 W3C 標準では、href

2 で JavaScript ステートメントを実行することは推奨していません。 a href="javascript:void(0);" onclick="js_method()"

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

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

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

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

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

5.a href="#" onclick="js_method();return false;"

このメソッドは、クリックして js 関数を実行しても false を返します。実行後もページはジャンプしません。ページの現在のページにあります。

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

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

個人的には 2 つ目の方法をお勧めします:

a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"
ログイン後にコピー

上記は、 a で href ジャンプページをブロックするクリックイベントを追加する内容ですタグ、詳細 関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。



ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート