Testen des Hyperlink-Öffnungsziels

Testen des Hyperlink-Öffnungsziels
Das Zielattribut eines Links bestimmt, wohin der Link führt. Seine Werte sind normalerweise die folgenden fünf: _blank, _self, _parent, _top und custom, die durch Folgendes dargestellt werden: neues Fenster, aktuelles Fenster, übergeordnetes Fenster, Fenster der obersten Ebene und Rahmen. Wenn der benannte Frame nicht existiert, hat „custom“ dieselbe Wirkung wie „_blank“. Heute werden wir hauptsächlich testen, in welchem ​​Frame der Link geöffnet wird, wenn sich der Frame des referenzierten Namens auf einer anderen Seitenebene befindet oder wenn sich Frames des Namens auf verschiedenen Seitenebenen befinden.
1. Testen
1. Test 1: Die Frames mit den angegebenen Namen befinden sich in verschiedenen Seitenebenen
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="https://www.jb51.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
Testergebnisse:
Wenn target="frame1" ist, wird es in index.frame1 geöffnet; (Der Einfachheit halber hat die Frame-Position einheitlich das Format "Seitenname.Frame-Name")
Wenn target="frame2" ist, wird es in aaa.frame2 geöffnet;
Wenn target="frame3" ist, wird es in bbb.frame3 geöffnet;
2. Test 2: Frames mit demselben Namen existieren auf verschiedenen Seitenebenen
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name=" frame2 " src="bbb.htm" width="300" height="300"></iframe>
<a href="https://www.jb51.net/" target=" frame2 "> Links</a>
bbb.htm:
<iframe name=" frame2 " src="" width="200" height="200"></iframe>
Testergebnisse:
Wenn target="frame2" ist, wird es in aaa.frame2 geöffnet;
3. Test 3: Frames mit demselben Namen existieren auf verschiedenen Seitenebenen
index.htm:
<iframe name=" frame2 " src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name=" frame2 " src="bbb.htm" width="300" height="300"></iframe>
<a href="https://www.jb51.net/" target=" frame2 "> Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
Testergebnisse:
Wenn target="frame2" ist, wird es in aaa.frame2 geöffnet;
4. Test 4: Frames mit demselben Namen existieren auf verschiedenen Seitenebenen
index.htm:
<iframe name=" frame1 " src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="https://www.jb51.net/" target=" frame1 "> Links</a>
bbb.htm:
<iframe name=" frame1 " src="" width="200" height="200"></iframe>
Testergebnisse:
Wenn target="frame1" ist, wird es in bbb.frame1 geöffnet;
2. Fazit <br />Wenn Sie einen Link öffnen möchten, suchen Sie zunächst auf dieser Seite nach dem Frame mit dem angegebenen Namen (Ziel). Wenn dieser nicht gefunden wird, suchen Sie auf der unteren Seite. Wenn er immer noch nicht gefunden wird, suchen Sie auf der oberen Seite. Wenn er nicht gefunden wird, öffnen Sie ein neues Fenster!

<<:  Neue Funktionen von Spring Boot 2.4: Detaillierte Erläuterung des Prozesses zum Erstellen eines Docker-Image mit nur einem Klick

>>:  Docker-Installation und Bereitstellung einer Analyse des Net Core-Implementierungsprozesses

Artikel empfehlen

Tutorial zur Installation von MySQL 5.7.18 mit einem RPM-Paket

System: CentOS 7 RPM-Pakete: mysql-community-clie...

Einführung in die Rolle des HTML-Doctypes

Der Dokumentmodus verfügt über die folgenden zwei ...

So implementieren Sie das Rasterlayout mit Intervallen perfekt auf der Seite

Typische Layoutbeispiele Wie im obigen Bild gezei...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.23

Dieser Artikel zeichnet den detaillierten Install...

Apache Spark 2.0-Jobs brauchen lange, bis sie abgeschlossen sind

Phänomen Bei der Verwendung von Apache Spark 2.x ...

ReactJs-Grundlagen-Tutorial - Essential Edition

Inhaltsverzeichnis 1. Einführung in ReactJS 2. Ve...

So installieren und konfigurieren Sie MySQL 5.7.19 unter CentOS 6.5

Die detaillierten Schritte zur Installation von m...

MySQL-Optimierung: Cache-Optimierung (Fortsetzung)

In MySQL gibt es überall Caches. Wenn ich den Que...

Befehl zum Entfernen (Löschen) eines symbolischen Links in Linux

Möglicherweise müssen Sie in Linux manchmal symbo...