JS实现刷新iframe的方法-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_16154/article/details/81964127

本文介绍了通过JavaScript实现IFrame及showModalDialog和showModelessDialog中内容的刷新方法。提供了三种不同场景下的解决方案，包括利用name和id属性定位IFrame，以及处理跨域问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

[b]方案一:用iframe的name属性定位[/b]
　　

<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()">

[b]方案二:用iframe的id属性定位[/b]
　　

<input type="button" name="Button" value="Button"
　　onclick="ifrmid.window.location.reload()">

[b]终极方案:当iframe的src为其它网站地址(跨域操作时)[/b]
　　

<input type="button" name="Button" value="Button"
　　onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

　　怎样才刷新showModalDialog和showModelessDialog里的内容？
　　在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：
　　

<body onkeydown="if (event.keyCode==116){reload.click()}">
　　<a id="reload" href="filename.htm" style="display:none">reload...</a>

　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合<base target="_self">使用，不然你按下F5会弹出新窗口的。
　　

var reload = document.getElementById("reload");
　　reload.href = new_url; //url
　　reload.click();