" メソッドを通じて、2. " " メソッドを通じて、2. "

ホームページ  >  記事  >  ウェブフロントエンド  >  hrefでJavaScriptを呼び出す方法

hrefでJavaScriptを呼び出す方法

藏色散人
藏色散人オリジナル
2021-07-01 10:19:014135ブラウズ

JavaScript を呼び出す Href メソッド: 1. "2882ee5ee88f853351d77f4c846ce991"; を通して 2. "d65b8cf6ee8dc9145ed94d84c38fa0eb タグの href 属性は、ハイパーリンクのターゲットの URL を指定するために使用されます。

例は次のとおりです:

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

3499910bf9dac5ae3c52d5ede7383485 タグが 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。