Come aggiornare un IFrame usando Javascript?

Question

Ho una pagina Web con un IFrame e un pulsante, una volta premuto il pulsante Ho bisogno di aggiornare l'IFrame. È possibile, se sì, come? Ho cercato e non ho trovato nessuna risposta.

Answer 1

var iframe = document.getElementById('youriframe'); 
iframe.src = iframe.src; 

Answer 2

Questo dovrebbe aiutare:

document.getElementById('FrameID').contentWindow.location.reload(true); 

EDIT: Risolto il nome dell'oggetto come da @ commento di Joro.

Answer 3

ricevuto questo da here

var f = document.getElementById('iframe1'); 
f.src = f.src; 

Answer 4

fornito l'iframe viene caricato dallo stesso dominio, si può fare questo, il che rende un po 'più senso:

iframe.contentWindow.location.reload();

Answer 5

Ecco il codice HTML snippet:

<td><iframe name="idFrame" id="idFrame" src="chat.txt" width="468" height="300"></iframe></td> 

E il mio Codice di Javascript:

window.onload = function(){ 
setInterval(function(){ 
    parent.frames['idFrame'].location.href = "chat.txt"; 
},1000);} 

Answer 6

Se si dispone di più iFrame all'interno della pagina, questo script potrebbe essere utile. Sto prendendo atto di un valore specifico nella sorgente iFrame che può essere utilizzato per trovare lo specifico iFrame.

var iframes = document.getElementsByTagName('iframe'); 
var yourIframe = null 
for(var i=0; i < iframes.length ;i++){ 
    var source = iframes[i].attributes.src.nodeValue; 
    if(source.indexOf('/yourSorce') > -1){ 
     yourIframe = iframes[i]; 
    } 
} 
var iSource = yourIframe.attributes.src.nodeValue; 
yourIframe.src = iSource; 

Sostituire "/ yourSource" con il valore necessario.

Answer 7

Works for IE, Mozzila, Chrome

document.getElementById('YOUR IFRAME').contentDocument.location.reload(true); 

Answer 8

È possibile utilizzare questo:

Js:

function refreshFrame(){ 
    $('#myFrame').attr('src', "http://blablab.com?v="); 
} 

Html:

`<iframe id="myFrame" src=""></iframe>` 

JS Fiddle: https://jsfiddle.net/wpb20vzx/

Answer 9

Se l'URL del tuo iframe non cambia, puoi semplicemente ricrearlo.

Se l'iframe non è della stessa origine (schema di protocollo, nome host e porta), non sarà possibile conoscere l'URL corrente nell'iframe, quindi è necessario uno script nel documento iframe per scambiare messaggi con la sua finestra genitore (la finestra della pagina).

Nel documento iframe:

window.addEventListener('change', function(e) { 
    if (e.data === 'Please reload yourself') { 
    var skipCache = true; // true === Shift+F5 
    window.location.reload(skipCache); 
    } 
} 

Nella pagina:

var iframe = document.getElementById('my-iframe'); 
var targetOrigin = iframe.src; // Use '*' if you don't care 
iframe.postMessage('Please reload yourself', targetOrigin); 

Answer 10

È possibile utilizzare questo metodo semplice

function reloadFrame(iFrame) { 

    iFrame.parentNode.replaceChild(iFrame.cloneNode(), iFrame); 

} 

Answer 11

Ripristino direttamente l'attributo src:

iframe.src = iframe.src; 

Ripristino del src con un timestamp per il busting della cache:

iframe.src = iframe.src.split("?")[0] + "?_=" + new Date().getTime(); 

Cancellazione del src quando l'opzione stringhe di query non è possibile (dati URI):

var wasSrc = iframe.src 

iframe.onload = function() { 
    iframe.onload = undefined; 
    iframe.src = wasSrc; 
} 

Answer 12

2017:

Se solo nello stesso dominio:

iframe.contentWindow.location.reload(); 

funzionerà.