Peut-on forcer un rafraîchissement sur une iframe avec le JavaScript?

J'ai trouvé beaucoup de réponses sur le Débordement de la Pile sur l'actualisation d'un iframe avec JavaScript.

Par exemple:

Qu'ils fonctionnent très bien. Toutefois, si la page dans l'iframe a changé récemment, l'actualisation ne sera pas montrer ce changement. Est-il possible que je peux forcer un rafraîchissement dans le iframe afin que la nouvelle version est indiqué?

Je réponds à une question similaire ici: stackoverflow.com/questions/2064850/... Bonne chance

OriginalL'auteur jkupczak | 2012-11-20

  1. 8

    Si le iframe est de même origine, vous pouvez forcer un rechargement complet de la page à l'aide de

    iframe.contentWindow.location.reload(true);//The argument "true" will force all loaded resources, such as images, to be re-checked for expiry at the server

    ↪ Voir un exemple à jsFiddle

    ↪ Plus d'informations sur le Mozilla Developer wiki

    Si vous avez le contrôle sur les en-têtes HTTP envoyés de la page dans le iframe, vous pouvez également demander au navigateur de ne pas mettre en cache en en premier lieu.

    En outre, la plupart des pages web complètement ignorer les paramètres dans le chaîne de requête pour laquelle ils n'ont pas de code de manutention, de sorte que vous pouvez ajouter une valeur aléatoire ou un timestamp à la chaîne de requête à assurez-vous que le navigateur voit comme une "nouvelle" à la page et de ne pas utiliser la copie mise en cache:

    if(iframe.src.indexOf('timestamp') > -1){ //Check if we still have a timestamp in the URL from a previous refresh
  iframe.src = iframe.src.replace(/timestamp=[^&]+/, 'timestamp=' + Date.now()); //And if so, replace it instead of appending so the URL doesn't grow too long.
}else{ //Else we will append the timestamp
  iframe.src += (iframe.src.indexOf('?') > -1 ? "&" : "?") + 'timestamp=' + Date.now();//If the URL contains a ?, append &timestamp=...; otherwise, append ?timestamp=...
}

    Utilisation new Date().getTime() au lieu de Date.now() si soutien pour les anciens navigateurs est important.

    Pour une raison que je ne peux pas obtenir que cela fonctionne sur mon site. Voici une page de test que j'ai créé. Il n'a même pas de rafraîchissement de l'iframe. J'ai ajouté un peu de CSS3 animation pour le rendre plus facile à voir quand la page est rechargée. iavi.com/demo/signature/iframe.html
    Le JavaScript doit être exécuté après les éléments pertinents ont été créés. Vous essayez d'accéder à Nœuds DOM qui n'existent pas encore. Essayez de placer l' <script> après les éléments.
    J'ai eu de cette façon en premier et il ne fonctionne pas pour moi. Changé et cela fonctionne maintenant. Je dois avoir loupé quelque chose d'autre. Fonctionne très bien maintenant, merci!
    Solution Simple et travaillé pour moi avec Chrome ver 63.0

    OriginalL'auteur user2428118

  2. 6

    Recharger l'iFrame avec une URL, mais de lui donner un id unique...

    var rand = Math.floor((Math.random()*1000000)+1);
var iframe = document.getElementById('youriframe');
iframe.src = "http://www.yourpage.com/yourpage.html?uid="+rand;

    Il serait plus facile de vous donner une solution si nous pouvions voir le code que vous avez actuellement.

    Espère que cela a aidé.

    C'est la seule bonne réponse sur DONC pour Chrome 35.0.1916.114.
    Je suis en train d'exécuter la même version de Chrome et de la réponse fournie par user2428118 travaille toujours pour moi.

    OriginalL'auteur George

  3. -3
    Try this code:
<script>
var iframe = document.getElementById('myframe');
iframe.src = "http://www.w3schools.com?ignore="+Math.floor(Math.random() * 1000);
</script>
    Merci d'éditer avec plus d'informations. Code-et "essayer cette" réponses sont découragés, car ils ne contiennent pas de contenu disponible pour la recherche, et de ne pas expliquer pourquoi quelqu'un doit "essayer".

    OriginalL'auteur Indrajeet Singh