Drei Möglichkeiten zum Aktualisieren von Iframes

Drei Möglichkeiten zum Aktualisieren von Iframes

Code kopieren
Der Code lautet wie folgt:

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

Option 1:
Verwenden Sie das Namensattribut des Iframes, um zu lokalisieren

Code kopieren
Der Code lautet wie folgt:

<input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()"> oder
<input Typ="Schaltfläche" Name="Schaltfläche" Wert="Schaltfläche" onclick="document.all.ifrmname.document.location.reload()">

Option 2:
Verwenden Sie das Iframe-ID-Attribut zum Auffinden

Code kopieren
Der Code lautet wie folgt:

<input Typ="Schaltfläche" Name="Schaltfläche" Wert="Schaltfläche" onclick="ifrmid.window.location.reload()">

Die ultimative Lösung:
Wenn die Quelle des Iframes eine andere Website-Adresse ist (domänenübergreifender Vorgang)

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="Schaltfläche" Name="Schaltfläche" Wert="Schaltfläche" beim Klicken="Fenster.öffnen(document.all.ifrmname.src,'ifrmname','')">

<<:  Beispielcode zur Implementierung eines 3D-Rotationseffekts mit reinem CSS

>>:  Beispieldemonstration der Vuex-Modularisierung und Namespaces

Artikel empfehlen

Der Unterschied und die Verwendung von LocalStorage und SessionStorage in Vue

Inhaltsverzeichnis Was ist LocalStorage Was ist S...

Tutorial zur Verwendung des iostat-Befehls unter Linux

Vorwort Es wird gesagt, dass sich die für Betrieb...

Lösung für das Problem, dass der Docker-Container nicht gestoppt werden kann

Die Lösung lautet wie folgt: 1. Container löschen...

So entfernen Sie die Kopfzeile aus der Elementtabelle

Dokumenthinweise mit dem Attribut show-header <...

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Inhaltsverzeichnis 01 Gemeinsame Controller in k8...

Zusammenfassung einiger praktischer kleiner Zaubertricks in der Vue-Praxis

Wie können Sie das Lamaging von Routen vergessen,...

Fallstricke basierend auf MySQL-Standardsortierregeln

Der Standardtyp varchar in MySQL ist case-insensi...

Bringen Sie Ihnen bei, wie Sie wartbaren JS-Code schreiben

Inhaltsverzeichnis Was ist wartbarer Code? Code-K...