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

WeChat-Applet-Picker - Mehrspalten-Selektor (Modus = MultiSelector)

Inhaltsverzeichnis 1. Wirkungsdiagramm (mehrere S...

Detaillierte Erläuterung des Problemfalls beim Löschen des Vue KeepAlive-Cache

Keepalive wird häufig zum Caching in Vue-Projekte...

Vier Kategorien von CSS-Selektoren: Basis, Kombination, Attribut, Pseudoklasse

Was ist ein Selektor? Die Rolle des Selektors bes...

Zusammenfassung gängiger Fehler beim Entwurf von MySQL-Tabellen

Inhaltsverzeichnis Fehler 1: Zu viele Datenspalte...

Zusammenfassung einiger verwandter Vorgänge geplanter Linux-Aufgaben

Ich habe verschiedene große Websites durchsucht u...

Vue verwendet Openlayers zum Laden von Tiandi Map und Amap

Inhaltsverzeichnis 1. Weltkarte 1. Installieren S...

Verwendung des Linux-Befehls „sar“ und Analyse von Codebeispielen

1. CPU-Auslastung sar -p (den ganzen Tag anzeigen...

Detaillierte Erklärung zur Anzeige der aktuellen Anzahl an MySQL-Verbindungen

1. Zeigen Sie die detaillierten Informationen all...

So führen Sie eine Spring Boot-Anwendung in Docker aus

In den letzten Tagen habe ich gelernt, wie man Sp...

Lösung für den Überlauf der HTML-Tabelle

Wenn die Tabelle breit ist, kann es zu einem Über...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.23

Dieser Artikel zeichnet das Installationstutorial...

So verwenden Sie Docker, um Containerressourcen zu begrenzen

Problem beim Gucken Angenommen, der IIS-Dienst st...