So öffnen Sie eine Seite in einem Iframe

So öffnen Sie eine Seite in einem Iframe
Lösung:
Setzen Sie den Zielattributwert des Links einfach auf den gleichen Wert wie den Namen des Zielframeworks.
Konkrete Schritte:
1: Für Frameset-Objekt.
(1) Enthält den Code der Frameseite.

<frameset cols="100,*" name="frame1">
<frame src="1.htm" name="oben">
<frame src="2.htm" name="main">
</frameset>

(2) Linkcode der Frame-Ladeseite (1.htm oder 2.htm):

<a href="http://www.flash8.net" target="top">Öffnen Sie den Link im oberen Feld</a>
<a href="http://www.flash8.net" target="main">Öffnen Sie den Link im Hauptrahmen</a>

2. Die gleiche Verwendung gilt für Iframes.

<iframe src="about:blank" name="left"></iframe>
<iframe src="about:blank" name="right"></iframe>
<a href="http://www.flash8.net" target="left">Öffnen Sie den Link im linken Frame</a>
<a href="http://www.thugx.com" target="right">Link im rechten Frame öffnen</a>

Tipp: Sie können dasselbe Ziel auch erreichen, indem Sie den Werte der Standorteigenschaft des Zielframes im Skript festlegen. wie:
<a href="http://www.flash8.net"
onClick="document.frames['right'].location=this.href;return false">Öffne den Link im Frame mit dem Namen rechts</a>

Besonderer Hinweis: Klicken Sie nach dem Ausführen dieses Codes auf den Link und das Linkziel wird im angegebenen Frame oder Iframe geöffnet. Abbildung 1.6.6 zeigt den Effekt der Linköffnung im angegebenen Iframe nach dem Klicken auf den Link.

Abbildung 1.6.6 Öffnen Sie das Linkziel im angegebenen Iframe

Besondere Hinweise

In diesem Beispiel werden hauptsächlich das Zielattribut des Links und das Namensattribut des Rahmens verwendet. Wenn die Werte der beiden Attribute gleich sind, wird das Linkziel im Rahmen geöffnet.
target Legt das Fenster oder den Rahmen fest oder ruft es ab, in dem der Zielinhalt angezeigt werden soll.
Name: Legt den Namen des Frames fest oder ruft ihn ab.

<<:  Austausch von Ideen zur Verarbeitung von Millionen von Daten in einer einzigen MySQL-Tabelle

>>:  So verwenden Sie nginx zum Konfigurieren des Zugriffs auf wgcloud

Artikel empfehlen

Beispielschritte zur Verwendung von AntV X6 mit Vue.js

Inhaltsverzeichnis 0x0 Einführung 0x1 Installatio...

Vue-Kapselungskomponente Bildkomponente hochladen

In diesem Artikelbeispiel wird der spezifische Co...

CSS-Float-Eigenschaftsdiagramm, Details der Float-Eigenschaft

Die korrekte Verwendung der CSS-Float-Eigenschaft...

Verwenden Sie CSS-Variablen, um coole und erstaunliche Schwebeeffekte zu erzielen

Kürzlich habe ich auf der Grover-Website eine lus...

Welche Funktion ist !-- -- im HTML-Seitenstil?

Hauptsächlich für Browser mit niedriger Version &l...

Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag

Meta ist ein Hilfstag im Kopfbereich der HTML-Spra...

So erhalten Sie die Breite und Höhe des Bildes im WeChat-Applet

Herkunft Zurzeit arbeite ich an Anforderung A, in...

Lösen Sie das Problem der Verwendung von weniger in Vue

1. Installieren Sie weniger Abhängigkeiten: npm i...

Preistabelle mit CSS3 implementiert

Ergebnis: Implementierungscode html <div id=&q...

Tutorial zu HTML-Tabellen-Tags (23): Zeilenrahmen-Farbattribut BORDERCOLORDARK

In Zeilen können dunkle Rahmenfarben individuell ...

Verwendung und Ausführungsprozess des HTTP-Moduls im Knoten

Welche Rolle spielt http im Knoten? Die Aufgabe d...