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

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>

猜你喜欢

转载自blog.51cto.com/1197822/2155371
今日推荐