JS实现刷新iframe的方法

最新推荐文章于 2024-10-08 16:10:07 发布

原创最新推荐文章于 2024-10-08 16:10:07 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

HTML 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何通过JavaScript刷新页面中的IFrame内容以及showModalDialog和showModelessDialog内的网页。提供了不同情况下使用name属性、id属性进行定位刷新的方法，并针对跨域问题给出了解决方案。

[size=small]　　<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','')">

　　怎样才刷新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();[/size]