`

window.parent与window.opener的区别

    博客分类:
  • js
阅读更多

[转]javascript调用父窗口(父页面)的方法。

1:   window.parent 是iframe页面调用父页面对象

举例:
a.html

程序代码
<html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form>
<iframe src="b.html" width=100%></iframe>
</body>
</html>



如果我们需要在b.htm中要对a.htm中的username文本框赋值,就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中

我们应该在b.html中写

程序代码
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>



实例地址:  http://www.cnspry.cn/blog/attachments/window.parent实例/a.html

2:   window.opener 是window.open 打开的子页面调用父页面对象

a.html

程序代码

<script type="text/javascript">
function openSubWin()
{
var _width = 300 ;
var _height = 200 ;
var _left = (screen.width - _width) / 2 ;
var _top = (screen.height - _height) / 2 ;
window.open("b.html",null,
"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);
}
</script>
<input type="text" name="username" id="username"/>
<input type="button" value="弹出子页面" onClick="openSubWin();">



b.html

程序代码

<script type="text/javascript">
function UpdateParent()
{
var _parentWin = window.opener ;
_parentWin.form1.username.value = "xxxx" ;
}
</script>
<input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();"> 
实例地址:  http://www.cnspry.cn/blog/attachments/window.opener实例/a.html

分享到:
评论

相关推荐

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    3&gt; IE与FireFox对两个弹出窗口在跨域时的解析也有不同:通过window.dialogArguments操作父窗口时,在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效;采用opener方式操作父窗口时都不需要...

    window.parent与window.openner区别介绍

    1. 应用场景:`window.parent` 适用于处理iframe嵌套,而`window.opener` 用于新窗口与创建它的窗口之间的交互。 2. 直接关系:`window.parent` 直接指向当前窗口的父窗口,而`window.opener` 指向打开当前窗口的...

    jsp 刷新父页面

    window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("&lt;script&gt;...

    javascript window.opener的用法分析

    window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的... opener.parent

    解析jquery获取父窗口的元素

    (“#父窗口元素ID”,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”);取父窗口的元素方法:$(selector, ...$(selector, window.opener.document);$(s

    JS window对象的top、parent、opener含义介绍

    例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A...

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    例如,你可以通过`window.parent.document`来访问父页面的DOM,或者通过`window.parent.postMessage`发送消息到父窗口,实现跨域通信。 这个Demo可能包含了一个HTML文件和相关的JavaScript代码,演示了如何在Chrome...

    js window.open iframe dialog

    例如,通过`window.opener`对象,子窗口可以访问到打开它的父窗口,而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口: ```javascript let newWindow = window.open('...'); newWindow....

    javascript提示类

    某页面中button按钮事件写代码如下: ... Response.Write("&lt;script&gt;window.open('" + Str1 + "','_blank');window.showModalDialog('close.htm');...&lt;body onload="window.parent.opener=null;window.close();"&gt; &lt;/html&gt;

    DevExpress 使用心得

    在使用 JavaScript 调用父窗口或父页面的方法时,我们需要区分 window.parent 和 window.opener 的区别。 window.parent 是 iframe 页面调用父页面对象,而 window.opener 是 window.open 打开的子页面调用父页面...

    JS子父窗口互相操作取值赋值的方法介绍

    $(“#父窗口元素ID”,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”); 取父窗口的元素方法:$(selector, window...$(selector, window.opener.document)

    firefox下frameset取不到值的解决方法

     js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用...

    探索浏览器页面关闭window.close()的使用详解

    例如,IE6需要设置`window.opener = null;`后才能关闭,而其他浏览器可能需要使用`window.top.close()`。可以编写一个兼容性的函数来处理不同浏览器的差异: ```javascript function ClosePage() { if (navigator...

    js 返回上一页和刷新

    2. 使用opener对象:opener.window.location.href=opener.window.location.href;可以刷新父窗口。 3. 使用Response对象:Response.Write("&lt;script language=javascript&gt;opener.window.navigate('你要刷新的页.asp');...

    js中window对象的属性1

    除此之外,`window`对象还有其他很多属性,如`window.top`(顶层窗口)、`window.parent`(当前窗口的父窗口,如果在框架中则不是`window.self`)、`window.status`(浏览器状态栏的文本)、`window.devicePixel...

    HTML中IFrame父窗口与子窗口相互操作

    子窗口可以通过`window.parent.close()`来关闭父窗口,但在此之前,需要解除与父窗口的引用,防止出现关闭询问,即`window.parent.opener = null;`。 2. **子窗口操作父窗口的大小**: - **最大化**:通过设置...

    JAVASCRIPTDOM对象介绍[定义].pdf

    12. `window.parent`:指向当前窗口的父窗口,通常用于框架集。 13. `window.top`:始终指向最顶层的窗口。 14. `window.opener`:引用打开当前窗口的窗口。 此外,`window`对象还包含多种方法,如: 1. `window....

    js AspxButton的客户端操作

    javascript调用父窗口(父页面)的方法 window.parent与window.opener的区别 javascript调用主窗口方法 1: window.parent 是iframe页面调用父页面对象 2: window.opener 是window.open 打开的子页面调用父页面对象...

    被打开页面操作父页面上的控件

    - 如果子页面是在父页面的iframe中,那么`window.parent`可以用来引用父页面,而不是`window.opener`。使用`window.top`可以引用顶级窗口,无论当前页面嵌套多深。 10. **最佳实践**: - 鉴于安全性和性能,应...

    子窗体与父窗体传值示例js代码

    代码如下: //返回值给父窗体 function returnParent(value) {//获取子窗体返回值 var parent = window.dialogArguments; //获取父页面 //parent.location.reload(); //刷新父页面 if (parent != null && parent != ...

Global site tag (gtag.js) - Google Analytics