Recargar un IFRAME sin agregar al historial

Question

Estoy cambiando el src de un IFRAME para volver a cargarlo, funciona bien y activar el evento onload cuando se carga su HTML.

Pero agrega una entrada al historial, que no quiero. ¿Hay alguna forma de volver a cargar un IFRAME y aún así no afectar el historial?

Answer 1

Puede usar javascript location.replace:

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

sustituir el documento actual con el uno en la URL proporcionada. La diferencia a partir del método de asignación() es que después de usar sustituir la actual página no se guardará() en el historial de la sesión , lo que significa que el usuario no será capaz de utilizar el botón Atrás para navegar hacia él.

Answer 2

Como Greg dijo anteriormente, la función .replace() es cómo hacer esto. Parece que no puedo entender cómo responder a su respuesta *, pero el truco está en hacer referencia a la propiedad iFrames contentWindow.

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

* acaba de aprender que necesito más reputación a comentar una respuesta.

Answer 3

El uso de replace() es solo una opción con su propio dominio iframes. No funciona en sitios remotos (por ejemplo, un botón de Twitter) y requiere conocimientos específicos del explorador para acceder de manera confiable a la ventana secundaria.

En su lugar, simplemente elimine el elemento iframe y construya uno nuevo en el mismo lugar. Los elementos del historial solo se crean cuando modifica el atributo src después de que está en el DOM, así que asegúrese de configurarlo antes del apéndice.

Editar: JDandChips correctamente menciona que puede eliminar de DOM, modificar y volver a agregar. No es necesario construir frescos.

Answer 4

intentar usar esta función para reemplazar iframe viejo con lo nuevo marco flotante que se copia desde antiguo:

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); 
} 

utilizar de esta manera:

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

De esta manera no añadirá el URL de iframe al historial del navegador.

Answer 5

Un método alternativo para volver a crear el iframe sería eliminar el iframe del DOM, cambiar el src y luego volver a agregarlo.

En muchos aspectos esto es similar a la sugerencia replace(), pero tuve algunos problemas cuando probé ese enfoque con History.js y gestioné estados manualmente.

var container = iframe.parent(); 

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

container.append(iframe); 

Answer 6

Una solución es utilizar la etiqueta object en lugar de la etiqueta iframe.

Sustitución de esto:

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

Por esto:

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

le permitirá actualizar el atributo data sin afectar a la historia. Esto es útil si usa un marco declarativo como React.js donde no se supone que debe hacer ningún comando imperativo para actualizar el DOM.

Más detalles sobre las diferencias entre iframe y object: Use of Iframe or Object tag to embed web pages in another

Answer 7

la solución de carga más simple y rápida
Uso window.location.replace a no actualizar el historial cuando se carga la página o el marco.

Para los enlaces que se parece a esto:

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

o

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

Pero si quieres que no actuar de enlace, pero para actuar automáticamente al cargar el marco de Luego, desde el iframe, debe poner esto en la sección del cuerpo del archivo iframe:

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

Si por alguna razón el proceso de carga no se carga en el iframe a continuación, poner el nombre del marco de destino en lugar de la ventana en la sintaxis como esta:

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

NOTA : Para este script todos onclick, onmouseover, onmouseout, onload y href="javascript:" funcionará

Answer 8

Utilice el método replace para eludir la adición de la URL del marco flotante a la historia:

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') 
}