Comment rafraîchir un IFrame en utilisant Javascript?

Question

J'ai une page Web avec un IFrame et un bouton, une fois que le bouton est pressé, j'ai besoin de l'IFrame à actualiser. Est-ce possible, si oui, comment? J'ai cherché et je n'ai trouvé aucune réponse.

Answer 1

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

Answer 2

Cela devrait aider:

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

EDIT: Correction du nom de l'objet comme par @ commentaire de Joro.

Answer 3

obtenu ceci de here

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

Answer 4

à condition que le iframe est chargé à partir du même domaine, vous pouvez faire cela, ce qui en fait un peu plus de sens:

iframe.contentWindow.location.reload();

Answer 5

Voici le HTML extrait:

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

Et mon Code JavaScript:

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

Answer 6

Si vous avez plusieurs iFrames dans la page, ce script peut être utile. Je suppose qu'il y a une valeur spécifique dans la source iFrame qui peut être utilisée pour trouver l'iFrame spécifique.

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; 

Remplacez "/ yourSource" par la valeur dont vous avez besoin.

Answer 7

Works pour IE, Mozzila, Chrome

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

Answer 8

Vous pouvez utiliser ceci:

Js:

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

Html:

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

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

Answer 9

Si l'URL de votre iframe ne change pas, vous pouvez simplement la recréer. Si votre iframe n'a pas la même origine (schéma de protocole, nom d'hôte et port), vous ne pourrez pas connaître l'URL actuelle dans l'iframe, vous aurez donc besoin d'un script dans le document iframe pour échanger des messages avec sa fenêtre parent (la fenêtre de la page).

Dans le document iframe:

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

Dans votre page:

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

Answer 10

Vous pouvez utiliser cette méthode simple

function reloadFrame(iFrame) { 

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

} 

Answer 11

Réinitialisation de l'attribut src directement:

iframe.src = iframe.src; 

Remise à zéro du src avec un horodatage pour le cache busting:

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

Suppression de l'option src lorsque les chaînes de requête n'est pas possible (URI données):

var wasSrc = iframe.src 

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

Answer 12

2017:

Si dans le même domaine seulement:

iframe.contentWindow.location.reload(); 

fonctionnera.