ホームページ  >  記事  >  ウェブフロントエンド  >  タグのhref属性とonclickイベントの使用例_HTML/Xhtml_Webページ制作

タグのhref属性とonclickイベントの使用例_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:36:401910ブラウズ

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

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

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

コードをコピーします
コードは次のとおりです:

javascript:void(0) ;

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

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

テスト

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

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

これでIE6でも正常に動作するようになりました。

もう 1 つの方法は、javascript:void(0); を使用せず、代わりに # を使用することです。これも、アンカー ポイントが指定されていない場合は、アンカー ポイント #name を意味します。ページの先頭に到達します。 # には特定の意味があり、デフォルトは #top です。 # の後にコンテンツがある場合、それはタグとみなされ、ページ上で該当するタグが見つからない場合はそこにジャンプします。ページの先頭にジャンプしたくない場合は、### を使用できます。### は意味のないラベル指定です。

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