重载/刷新iframe的最佳方法是什么?

我想重新加载一个<iframe>使用JavaScript。到目前为止，我发现最好的方法是将iframe的src属性设置为自身，但这不是很干净。什么好主意吗?

当前回答

使用self.location.reload()将重载iframe。

其他回答

在IE8中使用。net，设置iframe。SRC第一次是可以的，而是设置iframe。SRC第二次没有引发iframed页面的page_load。为了解决这个问题，我使用了iframe.contentDocument.location.href = "NewUrl.htm"。

当使用jQuery thickBox并尝试在thickBox iframe中重新打开同一页面时发现它。然后它只显示之前打开的页面。

在我的例子中，简单地替换iframe元素的src属性并不能令人满意，因为在加载新页面之前，人们会看到旧的内容。如果你想提供即时的视觉反馈，这种方法会更好:

var url = iframeEl.src;
iframeEl.src = 'about:blank';
setTimeout(function() {
    iframeEl.src = url;
}, 10);

从Iframe内部重新加载

如果你的应用程序在Iframe中，你可以通过替换位置href来刷新它:

document.location.href = document.location.href

<script type="text/javascript">
  top.frames['DetailFrame'].location = top.frames['DetailFrame'].location;
</script>

由于同源策略，当修改指向不同域的iframe时，这将不起作用。如果你的目标浏览器更新，可以考虑使用HTML5的跨文档消息传递功能。您可以在这里查看支持此功能的浏览器:http://caniuse.com/#feat=x-doc-messaging。

如果你不能使用HTML5的功能，那么你可以遵循这里列出的技巧:http://softwareas.com/cross-domain-communication-with-iframes。该博客条目也很好地定义了问题。

推荐文章