ホームページ > ウェブフロントエンド > htmlチュートリアル > タグのhref属性とonclickイベントの使い方

タグのhref属性とonclickイベントの使い方

php中世界最好的语言
リリース: 2018-01-27 09:26:09
オリジナル
2311 人が閲覧しました

今回はaタグのhref属性とonclickイベントの使い方を紹介します aタグのhref属性とonclickイベントを使用する際の注意点は以下の通りです。実際のケースを見てみましょう。

a タグは主に、href 属性または onclick イベントで実現できるページ ジャンプの実装に使用されます。


<a onclick="window.location.href=&#39;www.jb51.net&#39;" href="javascript:void(0);">脚本之家</a>
ログイン後にコピー

このコードは主流のブラウザでは問題ありませんが、IE6 ではジャンプできないという問題が発生します。その理由は何でしょうか?


javascript:void(0);
ログイン後にコピー

void(arg); は常に null を返す関数として理解できますが、そのパラメーターを空にすることはできません。そのパラメータには、任意の

や関数を使用できます。

<a href="javascript:void(name = &#39;PHP中文网&#39;); alert(name);">测试</a>
ログイン後にコピー

Test

IE6 は、onclick などの DOM 自体にバインドされたイベントを最初に実行します。バブリングがブロックされていない場合は、href 属性が順番に実行されます。また、 void(0); はイベントを実行する必要がないため、IE6 はブラウザにイベントを実行しないように指示し (前のアクションを上書きします)、バブリングを終了することは false を返すことと同じであるため、ブラウザはアクションを実行しません。したがって、onclick イベント内のバブリングイベントを停止するだけです。


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

<a onclick="window.location.href=&#39;//m.sbmmt.com&#39;;return false;" href="javascript:void(0);">PHP中文网</a>
ログイン後にコピー

これにより、IE6 で正常に実行できます。

もう 1 つの方法は、javascript

:void(0); を使用せず、代わりに # を使用することです。これも、アンカー ポイントが指定されていない場合は、アンカー ポイント #name を意味します。ページのトップになります。 # には特定の意味があり、デフォルトは #top です。# の後にコンテンツがある場合、それはタグとみなされ、ページ上で該当するタグが見つからない場合はそこにジャンプします。ページの先頭にジャンプしたくない場合は、### を使用できます。### は意味のないラベル指定です。 これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML の cellpadding 属性と cellpacing 属性の使用方法


HTML でヘッダー構造を使用する方法


HTML の無効と読み取り専用の違いは何ですか?

以上がタグのhref属性とonclickイベントの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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