日期:2014-05-16  浏览次数:20342 次

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属性完成。