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

Einrichten eines globalen Shadowsocks+Polipo-Proxys in einer Linux-Umgebung

1. Installieren Sie Shadowsocks sudo apt-get inst...

So löschen Sie schnell alle Tabellen in MySQL, ohne die Datenbank zu löschen

Dieser Artikel beschreibt anhand eines Beispiels,...

jQuery implementiert verschachtelte Tab-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Analyse des Implementierungsprozesses der Docker-Container-Orchestrierung

In tatsächlichen Entwicklungs- oder Produktionsum...

Implementierung von Docker zum Erstellen eines Zookeeper- und Kafka-Clusters

Ich habe vor Kurzem Kafka gelernt. Als ich mich d...

Sieben Möglichkeiten zur Implementierung der Array-Deduplizierung in JS

Inhaltsverzeichnis 1. Verwenden von Set()+Array.f...

Lösung für das Problem, dass Nacos keine Verbindung zu MySQL herstellen kann

Grund Die MySQL-Version, von der Nacos‘ POM abhän...

Vier Lösungen für die Verwendung von setTimeout in JS for-Schleifen

Inhaltsverzeichnis Überblick Lösung 1: Verschlüss...

Analyse des Benchmarking-Prozesses von Sysbench für MySQL

Vorwort 1. Benchmarking ist eine Art Leistungstes...

Vue implementiert die Lupenfunktion der Produktdetailseite

In diesem Artikel wird der spezifische Code von V...

Installations-Tutorial zur komprimierten Version von MySQL 8.0.11

In diesem Artikel finden Sie das Installations-Tu...

Detaillierte Erläuterung der MySQL-Transaktionsisolationsebene und des MVCC

Inhaltsverzeichnis Transaktionsisolationsebene Be...