Heim > Web-Frontend > js-Tutorial > JQuery laden einen Iframe neu

JQuery laden einen Iframe neu

Joseph Gordon-Levitt
Freigeben: 2025-03-03 00:52:11
Original
854 Leute haben es durchsucht

jQuery Reload an iFrame

JQuery laden einen Iframe neu

Einfacher JQuery -Code -Snippet zum Nachladen eines Iframe, indem Sie auf die Inhaltswindow -Eigenschaft zugreifen, um das Standortobjekt zu erhalten. Der JQuery -Snippet -Code wird alle IFrames auf der Seite durchschaltet und aktualisiert. Auch siehe:
  • Überprüfen Sie, ob das Fenster in einem Iframe
  • liegt
  • Holen Sie sich den Quellhref eines injizierten Iframe
<span>//reload 1 iframe
</span><span>$('#iframe').contentWindow.location.reload(true);
</span>
<span>//reload all iFrames
</span><span>$('iframe').each(function() {
</span>  <span>this.contentWindow.location.reload(true);
</span><span>});</span>
Nach dem Login kopieren

häufig gestellte Fragen (FAQs) zu JQuery und Iframe Reloading

Was ist die grundlegende Syntax zum Nachladen eines Iframe mit JQuery? Sie müssen nur den IFRame mit seiner ID oder Klasse auswählen und dann die Methode "Attr" aufrufen, um das SRC -Attribut auf den aktuellen Wert festzulegen. Hier ist ein grundlegendes Beispiel:

$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'); Diese Codezeile laden den IFrame effektiv neu. Sie können die "Prop" -Methode verwenden, um die SRC -Eigenschaft des IFRame zu erhalten und sie dann auf denselben Wert einzustellen. Hier ist ein Beispiel:

$ ('iframe'). Prop ('src', function (i, val) {return val;});

Dieser Code lädt alle iFrames auf der Seite neu. Iframe in regelmäßigen Abständen. Hier ist ein Beispiel:

setInterval (function () {

$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'); Die Schaltfläche wird geklickt? Sie müssen nur einen Klick -Ereignis -Handler an der Schaltfläche anhängen und den Iframe im Handler neu laden. Hier ist ein Beispiel:


$ ("#myButton"). Click (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src');
});
Kann ich einen Iframe neu laden, wenn ein Formular eingereicht wird? Sie müssen nur einen Sentro -Event -Handler an das Formular anhängen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ ("#myForm"). Submit (Funktion (e) {

e.preventDefault ();

$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('Src'); die Form.

Kann ich einen Iframe neu laden, wenn ein Link geklickt wird? Sie müssen nur einen Klick -Event -Handler an den Link anhängen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ ("#mylink"). Click (Funktion (e) {
e.preventDefault (); vom Link.

Kann ich einen Iframe neu laden, wenn die Seite geladen wird? Sie müssen nur einen Last -Ereignis -Handler am Fenster anbringen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ (Fenster) .load (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'); Iframe Wenn die Seite entladen wird? Sie müssen nur einen Ereignishandler von Entladeereignis am Fenster anschließen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ (Fenster) .unload (function () {

$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src')); Iframe Wenn der Benutzer die Seite scrollt? Sie müssen nur einen Scroll -Event -Handler am Fenster anschließen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ (Fenster) .Scroll (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src')); Ein Iframe Wenn der Benutzer das Fenster verändert? Sie müssen nur einen Ereignishandler der Größe des Ereignisses an das Fenster anbringen und den Iframe im Handler neu laden. Hier ist ein Beispiel:

$ (Fenster) .Resize (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'));
});

Das obige ist der detaillierte Inhalt vonJQuery laden einen Iframe neu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage