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

Wissenspunkte zum Prinzip der MySQL-Join-Abfrage

Mysql Join-Abfrage 1. Grundlegende Konzepte Verbi...

Einführung in Who-Befehlsbeispiele in Linux

Über wen Zeigt die am System angemeldeten Benutze...

JS implementiert die Append-Funktion von jQuery

Inhaltsverzeichnis Zeig mir den Code Testen Sie d...

Ein grafisches Tutorial zur Installation von MySQL unter Windows

Zusammenfassung: Dieser Artikel erläutert hauptsä...

Mehrere Möglichkeiten, Axios in Vue zu kapseln

Inhaltsverzeichnis Basisversion Schritt 1: Axios ...

Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron

Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...

Installationsprozess von MySQL5.7.22 auf dem Mac

1. Verwenden Sie das Installationspaket, um MySQL...

MySQL 5.7.18 Installations- und Konfigurations-Tutorial unter Windows

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

Beispielcode für die Konvertierung von MySQL-Zeilen und -Spalten

1. Nachfrage Wir haben drei Tabellen. Wir müssen ...

So konfigurieren Sie gängige Software unter Linux

Wenn Sie einen neuen Linux-Server bekommen, müsse...

JavaScript zum Erzielen eines einfachen Drag-Effekts

In diesem Artikel wird der spezifische JavaScript...

So löschen Sie den Timer elegant in Vue

Inhaltsverzeichnis Vorwort Optimierung Ableitungs...