弹出页中用javascript刷新父页

最新推荐文章于 2023-01-04 18:08:00 发布

luxuejuncarl

最新推荐文章于 2023-01-04 18:08:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET 文章标签： javascript function html button input

本文链接：https://blog.youkuaiyun.com/luxuejuncarl/article/details/1476581

ASP.NET 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一个简单的网页窗口交互案例，包括如何从父窗口打开新窗口，并在关闭新窗口时更新父窗口的内容。通过JavaScript实现了窗口间的通信及操作。

a.html--------------------------
<html>
<body>
<a onclick="javascript:window.open('b.html');">OpenNewWindow</a>
</body>
<html>
b.html--------------------------
<html>
<body onUnload="javascript:opener.location.href='a.html';">
<a onclick="javascript:window.close(this)">[CloseWindow]</a>
</body>
</html>

父页是显示标题，弹出页修改标题提交后，父页更新:

<script language=javascript>
function winclose() {
window.opener.location.reload();
window.close();
}
</script>

<input type=button name=close value="关闭" onclick=winclose()>

父页面：

<script>
function aaa()
{
alert("parent window function");
}
</script>
<a href="" onclick="window.open('csdn_onunload.htm')" target="_blank">aaaaa</a>

子叶面，也就是 'csdn_onunload.htm'

<body Onunload="opener.aaa();">

hello

</body>