jsを呼び出すいくつかの方法が整理され、使用が推奨されています

a タグではクリックイベントがよく使用されます。

1. href="javascript:js_method();"

これは当社のプラットフォームでよく使用される方法ですが、この方法では次のようなパラメータを渡すときに問題が発生しやすくなります。さらに、javascript: プロトコルを href 属性として使用すると、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE で gif アニメーションが再生されなくなります。 W3C標準では、href内でJavaScriptステートメントを実行することは推奨されていません。

2. 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 の機能を表します。したがって、この方法を使用すると、Web ページをクリックした後、ページの先頭に戻ります。

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

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

Taobao のホームページを見ました。彼らは 2 番目の方法を使用していましたが、Alibaba のホームページでは 1 番目の方法が使用されていました。両者の違いは、href 内の各 JavaScript メソッドが try と catch で囲まれていることです。

まとめると、 js 関数を呼び出す最も適切な方法は次のとおりです。

コードをコピー

コードは次のとおりです。

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

<<: Flinkのフォールトトレラントメカニズムに関する簡単な説明：ジョブ実行とデーモン

>>: 一般的なブラウザ互換性の問題（概要）