window.open子页面传值给父页面

最新推荐文章于 2023-07-17 15:30:43 发布

hlrcopyright

最新推荐文章于 2023-07-17 15:30:43 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

文章标签： input html object function 浏览器

本文链接：https://blog.youkuaiyun.com/hlrcopyright/article/details/4314488

父页页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>

<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME=""><INPUT TYPE="submit">

<script>
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
if (aInput[i].getAttribute("type") == "text") var textboxA = new Object(aInput[i]);
if (aInput[i].getAttribute("type") == "submit") var btnA = new Object(aInput[i]);
} // 这里把html里的2个标签定义出来，让行为层和结构层分离的更彻底

btnA.onclick = function()
{
window.open('b.html','newwindow','height=100,width=400')
} //使用window.open方法弹出窗口；此方法适用于各种浏览器
</script>
</BODY>
</HTML>

子页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="" value="11"><INPUT TYPE="submit">

<script>
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
if (aInput[i].getAttribute("type") == "text") var textboxB = new Object(aInput[i]);
if (aInput[i].getAttribute("type") == "submit") var btnB = new Object(aInput[i]);
}

btnB.onclick = function(){
var sTextValue = textboxB.value
window.opener.textboxA.value = sTextValue
window.close();
} //使用window.opener 方法获取父页面的对象，把子页面的值赋过去
</script>
</BODY>
</HTML>