首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-11-25 
JavaScript中window.opener属性来完成 两个页面之间的数据交互源地址:http://blog.csdn.net/ai_zxc/articl

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

热点排行