タグのhref属性とonclickイベントの使用例

タグのhref属性とonclickイベントの使用例

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

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

<a onclick="window.location.href='www.jb51.net'" href="javascript:void(0);">123WORDPRESS.COM</a>

このコードは主流のブラウザでは正常に動作しますが、IE6 では動作しません。その理由は何でしょうか?

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

javascript:void(0);

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

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

<a href="javascript:void(name = '123WORDPRESS.COM'); alert(name);">テスト</a>

テスト

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

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

<a onclick="window.location.href='https://www.jb51.net';return false;" href="javascript:void(0);">123WORDPRESS.COM</a>

これは IE6 でも正常に実行されます。

もう 1 つの方法は、javascript:void(0); の代わりに # を使用することです。href 属性の # は、もともとアンカー #name を意味するため、アンカーが指定されていない場合は、ページの先頭に移動します。 # には特定の意味があります。デフォルトは #top です。# の後に内容がある場合はタグとみなし、ページ上で該当するタグを見つけてその場所へジャンプします。見つからない場合はページの先頭へジャンプします。ジャンプしたくない場合は ### を使用できます。### は意味のないタグ指定です。

<<:  Vue でバイナリ ファイル ストリームを受信して​​ PDF プレビューを実現する方法

>>:  CSS ボックスモデル内のパディングと略語の詳細な説明

推薦する

Puppeteer を使用して Linux (CentOS) で Web ページのスクリーンショット機能を実装する

Linux に puppeteer をインストールするときに、次の問題が発生する可能性があります。こ...

MySql クライアントが数秒で終了する問題を解決する (my.ini が見つからない)

問題の説明 (環境: windows7、MySql8.0)今日、MySql をインストールした後、M...

MySQL インデックス プッシュダウンの詳細

目次1. 左端接頭辞原則2. 表に戻る3. インデックスプッシュダウン序文:インデックス プッシュダ...

無料のパブリック STUN サーバー

無料のパブリック STUN サーバーSIP 端末がプライベート IP アドレスを使用する場合、スタン...

MySQL最適化ソリューション: スロークエリログを有効にする

目次序文スロークエリログの設定テスト付録: ログ解析ツール mysqldumpslow要約する序文こ...

MySQL は制限を使用してページング例メソッドを実装します

1. 制限の基本的な実装一般的に、クライアントは、pageNo (ページ番号) と pageSize...

入力のid属性とname属性の違いの例

長い間ウェブサイトを作ってきましたが、入力時のnameとidの違いがまだわかりません。最近jQuer...

Linux のファイル権限とグループ変更コマンドの詳細な説明

Linux では、すべてがファイルであり (ディレクトリもファイルです)、各ファイルにはユーザーに対...

MySQLのユーザーアカウント管理と権限管理の詳細な説明

序文MySQL の権限テーブルは、データベースの起動時にメモリにロードされます。ユーザーが ID 認...

Vueコンポーネントのルーティング強調表示問題の解決策

序文以前は、キャッシュを使用してルートを強調表示していました。すべてのルートをトラバースし、クリック...

Javascript で関数のカリー化とデカリー化を実装する方法

関数のカリー化(黒い疑問符の顔)? ? ?カレー(黒い疑問符の顔)? ? ?これは完璧な中国語翻訳で...

Linux での MySQL 5.6.27 インストール チュートリアル

この記事では、LinuxでのMySQL 5.6.27のインストールチュートリアルを参考までに紹介しま...

MySQL における in と exists の使い方と違いの紹介

まずコードを書いて (int i=0;i<1000;i++){ (int j=0;j<5...

ウェブデザインと制作の一般的な原則をまとめる

<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案、W...

Vue ミックスインの使い方の詳しい説明

目次Vue ミックスインの使用ミックスインでのデータアクセスミックスイン/index.jsホーム.v...