Erneutes Laden eines IFRAME ohne Hinzufügen des Verlaufs

Question

Ich ändere ein IFRAME src, um es neu zu laden, funktioniert es gut und feuern das Ereignis onload, wenn sein HTML geladen wird.

Aber es fügt einen Eintrag in die Geschichte, die ich nicht will. Gibt es eine Möglichkeit, einen IFRAME erneut zu laden und den Verlauf nicht zu beeinflussen?

Answer 1

können Sie Javascript verwenden location.replace:

window.location.replace('...html'); 

Ersetzen Sie das aktuelle Dokument mit dem eine an der angegebenen URL. Die Differenz aus dem assign() Methode ist , dass nach ersetzen() verwendet die aktuelle Seite wird nicht in der Sitzung Geschichte gespeichert werden, wird der Benutzer bedeutet nicht können sie auf die Schaltfläche Zurück zu navigieren verwenden.

Answer 2

Wie Greg oben sagte, ist die .replace() -Funktion, wie dies zu tun ist. Ich kann nicht herausfinden, wie ich auf seine Antwort * antworten soll, aber der Trick ist, auf die iFrames contentWindow-Eigenschaft zu verweisen.

var ifr = document.getElementById("iframeId"); 
ifr.contentWindow.location.replace("newLocation.html"); 

* Gerade gelernt, ich brauche mehr Ruf, um eine Antwort zu kommentieren.

Answer 3

Verwendung von replace() ist nur eine Option mit Ihren eigenen Domain-Iframes. Es funktioniert nicht auf entfernten Seiten (zB: eine Twitter-Schaltfläche) und erfordert einige browserspezifische Kenntnisse, um zuverlässig auf das untergeordnete Fenster zuzugreifen.

Stattdessen entfernen Sie einfach das Iframe-Element und konstruieren Sie ein neues an der gleichen Stelle. Verlaufselemente werden nur erstellt, wenn Sie das Attribut src ändern, nachdem es sich im DOM befindet. Stellen Sie daher sicher, dass es vor dem Anhängen gesetzt wird.

Bearbeiten: JDandChips erwähnt zu Recht, dass Sie aus DOM entfernen, ändern und neu anhängen können. Der Aufbau von frischem ist nicht erforderlich.

Answer 4

Versuchen Sie, diese Funktion zu nutzen, um alte iframe mit neuen iframe zu ersetzen, die aus alten kopiert wird:

function setIFrameSrc(idFrame, url) { 
    var originalFrame = document.getElementById(idFrame); 
    var newFrame = document.createElement("iframe"); 
    newFrame.id = originalFrame.getAttribute("id"); 
    newFrame.width = originalFrame.getAttribute("width"); 
    newFrame.height = originalFrame.getAttribute("height"); 
    newFrame.src = url;  
    var parent = originalFrame.parentNode; 
    parent.replaceChild(newFrame, originalFrame); 
} 

es wie folgt verwendet:

setIFrameSrc("idframe", "test.html"); 

Auf diese Weise wird nicht hinzufügen URL iframe zur Browserhistorie.

Answer 5

Eine alternative Methode zum erneuten Erstellen des Iframe wäre, den iframe aus dem DOM zu entfernen, den src zu ändern und ihn dann erneut hinzuzufügen.

In vielerlei Hinsicht ist dies ähnlich der replace() Vorschlag, aber ich hatte einige Probleme, wenn ich diesen Ansatz mit History.js versuchte und Staaten manuell verwalten.

var container = iframe.parent(); 

iframe.remove(); 
iframe.attr('src', 'about:blank'); 

container.append(iframe); 

Answer 6

Eine Lösung ist die object Tag eher als die iframe Tag zu verwenden.

das Ersetzen:

<iframe src="http://yourpage"/> 

Durch diese:

<object type="text/html" data="http://yourpage"/> 

können Sie das data Attribut aktualisieren, ohne die Geschichte zu beeinflussen. Dies ist nützlich, wenn Sie ein deklaratives Framework wie React.js verwenden, in dem Sie keinen imperativen Befehl ausführen müssen, um das DOM zu aktualisieren.

Weitere Details über die Unterschiede zwischen iframe und object: Use of Iframe or Object tag to embed web pages in another

Answer 7

Die einfachste und schnelle Lade Lösung
Verwenden window.location.replace nicht die Geschichte zu aktualisieren, wenn die Seite oder den Rahmen zu laden.

Für Links sieht es wie folgt aus:

<a href="#" onclick="YourTarget.location.replace ('http://www.YourPage.com');"> 
The targeted Link</a> 

oder

<a href="javascript:YourTarget.location.replace ('http://www.YourPage.com');"> 
The targeted Link</a> 

Aber, wenn Sie wollen, dass es nicht von Link zu handeln, sondern automatisch zu handeln, wenn der Rahmen geladen dann aus dem iframe sollten Sie dies in den Iframe-Datei-Body-Abschnitt:

onload="window.location.replace ('http://www.YourPage.com');" 

aus irgendeinem Grund Wenn die onload nicht geladen in iframe dann Ihr Ziel Frame-Namen in der Syntax wie folgt statt Fenster setzen:

onload="YourTarget.location.replace ('http://www.YourPage.com');" 

HINWEIS : Für dieses Skript alle onclick, onmouseover, onmouseout, onload und href="javascript:" wird funktionieren.

Answer 8

die replace Methode Verwenden Sie die Zugabe des iframe der URL Geschichte zu umgehen:

HTML:

<iframe id="myIframe" width="100%" height="400" src="#"></iframe> 

JavaScript:

var ifr = document.getElementById('mIframe') 
if (ifr) { 
    ifr.contentWindow.location.replace('http://www.blabla.com') 
}