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

最新推荐文章于 2023-07-09 14:01:34 发布

radio123

最新推荐文章于 2023-07-09 14:01:34 发布

阅读量640

点赞数

分类专栏： js 文章标签： JavaScript 页面交互 ViewUI

本文链接：https://blog.csdn.net/radio123/article/details/84292566

版权

本文介绍了JavaScript中的window.opener属性如何用于在两个页面之间进行数据交互。通过window.opener，可以获取到创建当前窗口的父窗口引用，从而在不同页面之间调用彼此的JavaScript函数，实现信息传递。

摘要由CSDN通过智能技术生成

源地址：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