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

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

当前回答

从Iframe内部重新加载

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

document.location.href = document.location.href

其他回答

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

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

如果你使用Jquery，那么有一行代码。

$('#iframeID',window.parent.document).attr('src',$('#iframeID',window.parent.document).attr('src'));

如果你们是和同一个家长一起工作的话

$('#iframeID',parent.document).attr('src',$('#iframeID',parent.document).attr('src'));

document.getElementById('some_frame_id').contentWindow.location.reload();

注意，在Firefox中，window.frames[]不能通过id索引，而是通过名称或索引

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

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

推荐文章