タグの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 ボックスモデル内のパディングと略語の詳細な説明

推薦する

MySQL データベースの基本的な SQL ステートメントの概要

この記事では、例を使用して、Mysql データベースの基本的な SQL ステートメントについて説明し...

Dockerコアとインストールの具体的な使い方

1. Docker とは何ですか? (1)DockerはLinuxコンテナ内でアプリケーションを実行...

海外の無料写真素材サイトベスト9

良い画像素材のウェブサイトを見つけるのは難しいです。特に無料です。良い写真には非常に目を引く視覚効果...

HTML でハイパーリンク タグを使用するチュートリアル

ウェブサイトのさまざまな HTML ドキュメントはハイパーリンクを通じて相互に接続され、一貫性のある...

MySQL ログインおよび終了コマンドの形式

mysql ログインのコマンド形式は次のとおりです。 mysql -h [hostip] -u [ユ...

CSSは、入力ボックスのフローティングテキスト効果を実現するために、placeholder-shown疑似クラスを使用します。

この記事では、:placeholder-shown 疑似クラスを使用して、純粋な CSS で浮動疑問...

ネイティブ JavaScript を使用して計算機のサンプル コードを開発する

計算機の主な機能は数値計算を実行することです。計算機機能の Web インスタンスを開発すると、js ...

Linux 上でプロジェクトをリリースするために Tomcat を展開するプロセスにおけるさまざまな問題と解決策

プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...

MySQL マルチテーブル共同クエリ操作例の分析

この記事では、MySQL のマルチテーブル共同クエリ操作について説明します。ご参考までに、詳細は以下...

js での Object.create インスタンスの使用法の詳細な説明

1. Object.create() メソッドを使用して新しいオブジェクトを作成し、既存のオブジェク...

Vue で eslint 検出をオフにする方法 (複数の方法)

目次1. 問題の説明2. 問題解決1. 問題の説明Vue プロジェクトを開発する場合、作成時に誤って...

Windows Server 2008 R2 に MySQL 5.7.10 をインストールする手順

MSIインストールパッケージを使用してインストールするご使用のオペレーティング システムに応じて、対...

Vue ポーリング リクエスト ソリューションの完全な例

世論調査の理解実際、ポーリングの焦点はループ自体ではなく、実行間の間隔にあります。 Ajax は非同...

MySQL Community Server 圧縮パッケージのインストールと設定方法

今日は、MySQL をインストールしたかったので、公式 Web サイトにアクセスして、MySQL の...

SMS送信のカウントダウンを実装するJavaScript

この記事では、SMS送信のカウントダウンを実装するためのJavaScriptの具体的なコードを参考ま...