网页中window.open 弹出 父页面和子页面数值交互
Posted 马小乐
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页中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);
}
</script>
<input type="button" id="button" value="提交" onclick="aaa()">
</body>
</html>
以上是关于网页中window.open 弹出 父页面和子页面数值交互的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript用window.opener实现父窗口和子窗口传值