[DOM]Browser对象open && opener两个窗体互相通讯事例

opener 属性  子窗口引用父窗口信息
本案例是两个窗体利用button进行互相的对话

A页面：

<script type=”text/javascript”>
//将newwindow设置为公有变量

var newwindow=””;

function test(){

//open函数本身就会返回子窗口的引用

newwindow=window.open(“b.html”);

}

function test2(){

//取出用户希望发送给子窗口的信息

var my_text=document.getElementById(“myinfo”);

//newwindow.document 实际上b.html页面的文档

var chlid_text=newwindow.document.getElementById(“myinfo”);

chlid_text.value=my_text.value;

}

</script>

<input onclick=”test();” type=”button” value=”开新窗口”/>

<input type=”text” id=”myinfo” />

<input type=”button” onclick=”test2()” value=”发送给子窗口”/>

B页面

<script type=”text/javascript”>

function send(){

var chlid_text=document.getElementById(“myinfo2″);

//opener表示该页面的父窗口

opener.document.getElementById(‘myinfo’).value=chlid_text.value;

}

</script>

<h1>我是b.html页面</h1>

<input type=”text” id=”myinfo”/>

<input type=”text” id=”myinfo2″/>

<input type=”button” value=”送给父窗口” onclick=”send()”/>