如何使用JavaScript刷新iframe？

我有一个包含IFrame和一个Button的网页，一旦按下该按钮，我需要刷新IFrame。如果可能的话，这可能吗？我搜索了，找不到任何答案。

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

这应该有助于：

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

编辑：固定对象名称按照@Joro的注释。

如果iframe是从同一个域加载的，则可以执行此操作，这更有意义：

iframe.contentWindow.location.reload();

适用于IE，Mozzila，Chrome

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

您可以使用这种简单的方法

function reloadFrame(iFrame) {

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

}

从这里得到这个

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

2017年：

如果在同一域中，则：

iframe.contentWindow.location.reload();

将工作。

这是HTML代码段：

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

和我的Javascript代码：

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

直接重置src属性：

iframe.src = iframe.src;

用时间戳记重置src以清除缓存：

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

无法使用“查询字符串时清除src”选项（数据URI）：

var wasSrc = iframe.src

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

如果您使用哈希路径（例如mywebsite.com/#/my/url），则可能无法在切换哈希时刷新帧：

<script>
    window.onhashchange = function () {
        window.setTimeout(function () {
            let frame = document.getElementById('myFrame');
            if (frame !== null) {frame.replaceWith(frame);}
        }, 1000);
    }
</script>

不幸的是，如果您不使用超时，则JS可能会尝试在页面加载完内容之前（因此加载旧内容）替换框架。我尚不确定解决方法。

如果页面内有多个iFrame，则此脚本可能会很有用。我假设iFrame源中有一个特定值，可用于查找特定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;

将“ / yourSource”替换为所需的值。

如果iframe的URL不变，则可以重新创建它。

如果您的iframe不是来自同一来源（协议方案，主机名和端口），则您将无法知道iframe中的当前URL，因此您将需要iframe文档中的脚本才能与其父窗口交换消息（页面窗口）。

在iframe文档中：

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

在您的页面中：

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

您可以使用此：

Js：

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

HTML：

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

JS小提琴：https : //jsfiddle.net/wpb20vzx/