父窗体与子窗体之间的相互操作

最新推荐文章于 2024-07-24 11:09:48 发布

revo

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量2k

点赞数

分类专栏： JavaScript Study 文章标签： javascript button function input html null

本文链接：https://blog.csdn.net/revo/article/details/679566

版权

JavaScript Study 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript学习笔记

1 ：如何通过父窗体关闭子窗体？

父窗体 parent.html 代码如下：

<html>

<head>

var child ;

function openChild(){

child = window.open("child.html");

}

function closeChild(){

child.close();

}

</script>

</head>

<body>

<form>

</center>

</form>

</body>

</html>

子窗体 child.html 代码如下：

<html>

<body>

I am the child !

</center>

</body>

</html>

2 ：如何通过子窗体关闭父窗体？

父窗体 parent.html 代码如下：

<html>

<head>

var child ;

function openChild(){

child = window.open("child.html");

}

</script>

</head>

<body>

<form>

</center>

</form>

</body>

</html>

子窗体 child.html 代码如下：

<html>

<head>

function closePar()

{

try

{

window.opener.close();

}

catch(err)

{

}

</script>

</head>

<body>

</body>

</html>

此种实现方式在关闭父窗体时会弹出提示框，如下实现可去除提示框：

<html>

<head>

function closePar()

{

try

{

window.opener.top.opener=null;

window.opener.top.close();

}

catch(err)

{

}

</script>

</head>

<body>

</body>

</html>

Note

Window 对象参考： http://www.w3schools.com/htmldom/dom_obj_window.asp

revo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
父窗体与子窗体之间的相互操作

JavaScript学习笔记 1：如何通过父窗体关闭子窗体？父窗体parent.html代码如下： type="text/javascript">
复制链接

扫一扫

专栏目录