码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-06 17:15:11      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:asc   html   body   put   open   父页面   window   ntb   tle   

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>

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

标签:asc   html   body   put   open   父页面   window   ntb   tle   

原文地址:http://blog.51cto.com/1197822/2155371

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!