js弹出窗口获取父窗口的值

2024年5月8日 180次阅读 来源: weixin_34107739

1.html

<html>
<head>
<title>1.html</title>

<script type="text/javascript">  
 function test() {  
        //弹出一个新窗口2.html
        window.open ('2.html')  
}
</script>

</head>
<body>
<input name="mytext" type="text" value="父页面的值"  />
<input type="submit" name="Submit" value="打开新窗口" onclick="test();" />
</body>
</html>

=====将上面和下面代码分别保存为1.html和2.html,放置在同一目录下==================

2.html

<html>
<head>
<title>2.html</title>

<script language="JavaScript"> 
 function loading() {
     //获取父页面控件“mytext”的值传递给本页面的控件“mytext2”
     document.getElementById('mytext2').value = self.opener.document.getElementById('mytext').value;
 }
</script>

</head>
<body onLoad="loading();">
<form action=search.php name="form">
父页面的值：<input name="mytext2" type="text">
</form>
</body>
</html>

转载于:https://blog.51cto.com/1197822/2155371

    原文作者：weixin_34107739
    原文地址: https://blog.csdn.net/weixin_34107739/article/details/92618407
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞