js重新加载iframe框

最新推荐文章于 2024-01-17 13:45:11 发布

不晓de

最新推荐文章于 2024-01-17 13:45:11 发布

阅读量7.1k

点赞数

分类专栏： js

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的页面局部刷新方法。通过在HTML文档中设置多个框架，并利用JavaScript控制父窗口对指定子框架进行刷新操作，可以实现在不重新加载整个页面的情况下更新部分内容。文中提供了具体的代码实例，展示了不同方式触发子框架刷新的有效途径。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>