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

推薦する

Vue ベースの円形スクロールリスト機能を実装する

注: 親コンテナーに高さと :data='Array' および overfolw:h...

Vue で動的パラメータと計算プロパティを使用する方法

1. 動的パラメータ2.6.0 以降では、角括弧で囲まれた JavaScript 式をディレクティブ...

HTML マーキー文字フラグメントのスクロール

その特性は次のとおりです。方向アクティブな字幕のスクロール方向を設定するコードは次のとおりです。 &...

MySQL共通インデックスとユニークインデックスの詳細な説明

シナリオ1. ID番号のフィールドを備えた市民システムを維持する2. ビジネス コードでは、重複する...

シンプルな画像ドラッグ効果を実現する js

この記事では、簡単な画像ドラッグ効果を実現するためのjsの具体的なコードを参考までに紹介します。具体...

Tomcat メモリ オーバーフロー問題の解決経験

少し前に、製品バージョンをテスト用にテスターに​​提出したのですが、テスト結果はまったく予想外のもの...

Echarts 基本入門: 棒グラフと折れ線グラフの一般的な構成

1eChartsの基本手順4つのステップ1 DOMコンテナを見つける2 初期化3 設定オプション4 ...

安全な構成のためにDockerでTLSを有効にする手順

序文以前、Docker の 2375 Remote API を有効にしていました。会社のセキュリティ...

MySQL 完全折りたたみクエリ正規マッチングの詳細な説明

概要前の章では、クエリのフィルター条件について学習しました。MySQL では、like % ワイルド...

MySQL 5.7.18 のインストールと設定方法のグラフィックチュートリアル (CentOS7)

LinuxにMySQL 5.7.18をインストールする方法1. MySQLをダウンロードします。公...

Linux での MySQL 5.6.24 (バ​​イナリ) 自動インストール スクリプト

この記事では、Linux環境でのmysql5.6.24自動インストールスクリプトコードを参考までに共...

JavaScript 配列 sort() メソッドの基本的な使い方と落とし穴

序文日常のコード開発では、配列のソートに関連する操作が多数あります。JavaScript では、so...

Docker 接続 MongoDB 実装プロセスとコード例

コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...

Windows での MySQL インストール チュートリアル (画像とテキスト付き)

MySQL インストール手順 MySQL は、スウェーデンの MySQL AB によって開発された...

MySQL 同時実行制御の原則に関する知識ポイント

Mysql は、高性能なデータ ストレージ サービスを提供する主流のオープン ソース リレーショナル...