日期:2014-05-16 浏览次数:20342 次
源地址: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属性完成。