JS--实现刷新iframe的方法

最新推荐文章于 2023-06-12 17:06:59 发布

原创最新推荐文章于 2023-06-12 17:06:59 发布 · 303 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #ViewUI

本文介绍了三种刷新IFrame的方法：通过name属性、id属性定位及跨域操作时的解决方案。适用于前端开发人员掌握如何根据不同场景灵活刷新IFrame内容。

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 
方案一:用iframe的name属性定位
     <input type="button" name="Button" value="Button" 
onclick="document.frames('ifrmname').location.reload()">

或
<input type="button" name="Button" value="Button" 
onclick="document.all.ifrmname.document.location.reload()">

方案二:用iframe的id属性定位
<input type="button" name="Button" value="Button" 
onclick="ifrmid.window.location.reload()">

终极方案:当iframe的src为其它网站地址(跨域操作时)
<input type="button" name="Button" value="Button" 
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

开发者博客：www.developsearch.com