网页中window.open 弹出 父页面和子页面数值交互
//首先建立一个父页面
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父页面</title>
<script>
function tanchu(){
window.open("son.html","ziyemian","width=300,height=400,top=200,left=300,toobar=no,menubar=no,scrollbars=no,location=no,status=no");
}
function reTurn(){
return document.getElementById("aaa");
}
</script>
</head>
<body>
<input value="提交" id ="button" type="button" onclick="tanchu()"/>
<input type="text" id="bbb">
<input type="text" id="ddd" value="123456">
</body>
</html>
//son.html
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>子页面</title>
</head>
<body>
<script>
function aaa(){
window.opener.document.getElementById("bbb").value="123123123";//向父页面传值
//获取父级页面的的值
//window.opener.a(); 调用父级页面的方法
alert(window.opener.a().value);
window.opener.location.reload(); //刷新父级页面
}
</script>
<input type="button" id="button" value="提交" onclick="aaa()">
<input type="button" value="返回" onclick="top.close()"> //点击返回按钮关闭 页面
</body>
<script>
//当页面的关闭的时候,执行的方法
window.onbeforeunload = function(){
window.opener.document.getElementById("bbb").value="123123123qweqwe123";
}
</script>
</html>