源地址: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属性完成。
分享到:
相关推荐
然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为: window.opener.document.getElementById(“name”).value = “输入的数据”; 对于javascript中的window.opener没有很...
可以看一看啊 博文链接:https://bageer707.iteye.com/blog/74458
对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 var openWindow = function(url, options) { var str = ""; ...
2个页面,加了注释,很清晰。
window.opener=null;window.close(),只支持IE6不支持IE7的问题 打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示function openWin(){window.open(‘login.jsp’,”,’fullscreen=yes,menubar=no,resizable=no’);...
window.opener,是通过window.open打开子窗体的父窗体的引用。 比如在父窗体parentForm里面,通过window.open(“subForm.html”),那么在subform.html中window.opener就代表parentForm。既然在子窗体中能够拿到父窗体...
在弹出的窗口涉及跨越两个不同的应用域时,需要声明两个域相互信任。 document.domain="chinaacc.com"; 不同方式跨域弹出窗口区别 1> window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()...
window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>...
本文实例分析了javascript关于open.window子页面执行完成后刷新父页面的方法。分享给大家供大家参考。具体分析如下: 主页面: <input id=btnAdd type=button onclick=openWin(); value=添加 /> 在js中有如下...
JS代码: window.open(); 而当支付成功后,需要关闭支付平台支付成功界面,并在客户端加载客户端支付成功页面,JS代码: window.opener.location.href=url;window.close();
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
如果网页 A 可以发送信息到网页 B,反之也然,而不必动用请求/应答模式,该是一件多么惬意的事儿。可以轻松地实现聊天不是吗?
(“#父窗口元素ID”,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”);取父窗口的元素方法:$(selector, ...$(selector, window.opener.document);$(s
f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个父类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...