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

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

当前回答

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

其他回答

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

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

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

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

将空字符串附加到iFrame的src属性也会自动重新加载它。

document.getElementById('id').src += '';

出于调试目的，可以打开控制台，将执行上下文更改为他想要刷新的帧，然后执行document.location.reload()

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

window.location.reload();

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

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

推荐文章