ホームページ > 記事 > ウェブフロントエンド > タグの href 属性と onclick イベントの使用方法
今回は、aタグのhref属性とonclickイベントの使い方と、aタグのhref属性とonclickイベントを使用する際の注意事項について説明します。 ここで実際のケースを考えてみましょう。見て。
a タグは主に、href 属性または onclick イベントで実現できるページ ジャンプの実装に使用されます。<a onclick="window.location.href='www.jb51.net'" href="javascript:void(0);">PHP中文网</a>このコードは主流のブラウザでは問題ありませんが、IE6 ではジャンプできないという問題が発生します。その理由は何でしょうか?
<a href="javascript:void(name = 'php中文网'); alert(name);">测试</a>TestIE6 は、onclick などの DOM 自体にバインドされたイベントを最初に実行します。バブリングが防止されない場合は、href 属性が順番に実行されます。また、 void(0); はイベントを実行する必要がないため、IE6 はブラウザにイベントを実行しないように指示し (前のアクションを上書きします)、バブリングを終了することは false を返すことと同じであるため、ブラウザはアクションを実行しません。したがって、onclick イベント内のバブリングイベントを停止するだけです。
<a onclick="window.location.href='http://www.jb51.net';return false;" href="javascript:void(0);">PHP中文网</a>これでIE6でも正常に動作するようになりました。 もう 1 つの方法は、javascript
:void(0); を使用するのではなく、代わりに # を使用することです。これは、アンカー ポイントが指定されていない場合、本来は アンカー ポイント#name を意味します。ページの先頭に移動します。 # には特定の意味があり、デフォルトは #top です。# の後にコンテンツがある場合、それはタグとみなされ、ページ上で該当するタグが見つからない場合はそこにジャンプします。ページの先頭にジャンプしたくない場合は、### を使用できます。### は意味のないラベル指定です。 これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
HTML で水平線の注釈とコード コメントを使用する方法柔軟で安定した高品質の HTML および CSS コードを作成する方法クリック ボタンのテキストを に変える方法入力ボックスをクリックして保存し、テキストに変換して効果を実現します以上がタグの href 属性と onclick イベントの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。