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

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

当前回答

如果以上方法对你都不起作用:

window.location.reload();

出于某种原因，这刷新了我的iframe，而不是整个脚本。也许是因为它被放置在帧本身，而所有这些getElemntById解决方案工作时，你试图刷新一个帧从另一个帧?

或者我不完全理解这一点，说话胡言乱语，无论如何，这对我来说就像一个魅力:)

其他回答

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

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

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

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

document.getElementById('iframeid').src = document.getElementById('iframeid').src

它将重新加载iframe，甚至跨域! 通过IE7/8, Firefox和Chrome测试。

注意:正如@user85461所提到的，如果iframe src URL中有一个散列，这种方法就不起作用了(例如http://example.com/#something)。

window.frames['frameNameOrIndex'].location.reload();

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

推荐文章