ハイパーリンクを開くターゲットのテスト

リンクのターゲット属性は、リンクが開く場所を決定します。その値は通常、_blank、_self、_parent、_top、custom の 5 つで、それぞれ新しいウィンドウ、現在のウィンドウ、親ウィンドウ、最上位ウィンドウ、フレームで表されます。名前付きフレームが存在しない場合は、custom は _blank と同じ効果を持ちます。今日は、参照された名前のフレームが異なるレベルのページにある場合、または異なるレベルのページに名前のフレームがある場合に、リンクがどのフレームで開かれるかを主にテストします。
1. テスト
1. テスト1: 指定された名前のフレームは異なるレベルのページにあります
インデックス:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" 幅="400" 高さ="400"></iframe>
aaa.htm:
<iframe 名="frame2" src="bbb.htm" 幅="300" 高さ="300"></iframe>
<a href="https://www.jb51.net/" target="frame1">リンク</a>
bbb.htm: いいえ
<iframe name="frame3" src="" 幅="200" 高さ="200"></iframe>
テスト結果:
target="frame1" の場合は、index.frame1 で開きます。(説明の便宜上、フレーム位置は「ページ名.フレーム名」の形式で統一しています)
target="frame2" の場合、aaa.frame2 で開きます。
target="frame3" の場合、bbb.frame3 で開きます。
2. テスト2: 同じ名前のフレームが異なるレベルのページに存在する
インデックス:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" 幅="400" 高さ="400"></iframe>
aaa.htm:
<iframe 名=" frame2 " src="bbb.htm" 幅="300" 高さ="300"></iframe>
<a href="https://www.jb51.net/" target=" frame2 ">リンク</a>
bbb.htm: いいえ
<iframe 名="フレーム2 " src="" 幅="200" 高さ="200"></iframe>
テスト結果:
target="frame2" の場合、aaa.frame2 で開きます。
3. テスト3: 同じ名前のフレームが異なるレベルのページに存在する
インデックス:
<iframe 名="フレーム2 " src="" 幅="400" 高さ="400"></iframe>
<iframe src="aaa.htm" 幅="400" 高さ="400"></iframe>
aaa.htm:
<iframe 名=" frame2 " src="bbb.htm" 幅="300" 高さ="300"></iframe>
<a href="https://www.jb51.net/" target=" frame2 ">リンク</a>
bbb.htm: いいえ
<iframe name="frame3" src="" 幅="200" 高さ="200"></iframe>
テスト結果:
target="frame2" の場合、aaa.frame2 で開きます。
4. テスト4: 同じ名前のフレームが異なるレベルのページに存在する
インデックス:
<iframe 名="フレーム1 " src="" 幅="400" 高さ="400"></iframe>
<iframe src="aaa.htm" 幅="400" 高さ="400"></iframe>
aaa.htm:
<iframe 名="frame2" src="bbb.htm" 幅="300" 高さ="300"></iframe>
<a href="https://www.jb51.net/" target=" frame1 ">リンク</a>
bbb.htm: いいえ
<iframe 名="フレーム1 " src="" 幅="200" 高さ="200"></iframe>
テスト結果:
target="frame1" の場合、bbb.frame1 で開きます。
2. まとめ<br />リンクを開きたいときは、まずこのページで指定した名前（ターゲット）のフレームを検索します。見つからなければ、下のページを検索します。それでも見つからない場合は、上のページを検索します。見つからない場合は、新しいウィンドウを開きます！

<<: Spring Boot 2.4 の新機能、ワンクリックビルド、Docker イメージプロセスの詳細説明

>>: 設定操作からMySQLへのNULLが見つからない問題を解決する