JavaScript中window.opener属性来完成 两个页面之间的数据交互

源地址：http://blog.csdn.net/ai_zxc/article/details/5750986

 

JavaScript中window.opener属性来完成 两个页面之间的数据交互。

window.opener
的用法 window.opener 返回的是创建当前窗口的那个父窗口的引用

例如 ：
a.html

<a href="b.html" target="_blank">在新窗口打开b.html</a><br><br><br>
<div id="div_id" style="border:1px solid #F00; width:300px; height:100px; padding:10px">
 <p>请先点击上面的超链接</p>
 <p>这里的文字会在你点击<b style="color:#F00">b.html</b>页面中的<b>超链接后</b>改变哦！</p>
</div>
<script type="text/javascript">
 function a(n) {
  document.getElementById("div_id").innerHTML = n ;
 }
</script>

 

*******************************
b.html

 

<script type="text/javascript">
 function b() {
  var h = document.getElementById("div_2").innerHTML ;
  window.opener.a(h) ;;
 }
</script>
<a href="javascript:b()">
   <div id="div_2">"哈哈！这个<b>数据</b>会发送到<b style="color:#F00">a.html</b>页面的哦！"</div>
</a>

 

*********************************

执行效果：先打开a.html页面 ， 点击 超链接 ，会弹出一个新的页面b.html,
在点击 b.html页面的超链接，会执行b.html中 JavaScript 函数 b() ;
b.html中 JavaScript 函数 b() , 通过window.opener属性拿到 创建当前窗口（b.html）的那个父窗口（a.html）的引用，
通过这个引用就可以调用a.html中的JavaScript函数。

两个页面之间的信息可以通过这个window.opener属性完成。