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

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

当前回答

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

其他回答

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

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

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

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

另一个解决方案。

const frame = document.getElementById("my-iframe");

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

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

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

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

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

如果使用jQuery，这似乎是可行的:

$('#your_iframe').attr('src', $('#your_iframe').attr('src'));

推荐文章