hrefでJavaScriptを呼び出す方法

JavaScript を呼び出す Href メソッド: 1. ""; を通して 2. "

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター

href はどのようにして JavaScript を呼び出しますか?

HTML では、 タグの href 属性は、ハイパーリンクのターゲットの URL を指定するために使用されます。

例は次のとおりです:

<p>
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>

タグが JS 内のコードを呼び出す場合、次のメソッドがあります:

メソッド 1:

<a href = "javascript:js_method()">文本</a>

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

方法 2:

<a href = "javascript:void(0);" onclick ="js_method()">文本</a>

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

方法 3:

<a href = "javascript:;" onclick = "js_merthod()">文本</a>

この方法は 2 番目の方法と似ていますが、唯一の違いは、空の JS コードが実行されることです。

メソッド 4:

<a href ="#" onclick ="js_method()">

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

方法 5:

<a href="#" οnclick="js_method();return false;">

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

推奨学習: 「JavaScript 上級チュートリアル 」

以上がhrefでJavaScriptを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。