关键字: window.parent与window.opener的区别
[转]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();">
分享到：
相关推荐
3> IE与FireFox对两个弹出窗口在跨域时的解析也有不同：通过window.dialogArguments操作父窗口时，在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效；采用opener方式操作父窗口时都不需要...
#### `parent`与`opener`的区别 尽管`parent`和`opener`都是指向其他窗口的引用，但它们之间存在明显的区别： - **`parent`**： - 指的是当前窗口所在的父窗口，不一定是打开当前窗口的窗口。 - 如果当前窗口...
1. 应用场景：`window.parent` 适用于处理iframe嵌套，而`window.opener` 用于新窗口与创建它的窗口之间的交互。 2. 直接关系：`window.parent` 直接指向当前窗口的父窗口，而`window.opener` 指向打开当前窗口的...
本文将详细介绍如何使用`window.location.href`进行页面跳转，并探讨它与`Response.Redirect`的区别。 #### 使用场景 假设在一个ASP.NET项目中，当用户完成某个操作（例如注册账号），我们希望在显示一个提示信息...
window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>...
(“#父窗口元素ID”,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”)；取父窗口的元素方法：$(selector, ...$(selector, window.opener.document);$(s
<body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...
这里`self`是指向当前窗口的引用，因此`self.opener`与`window.opener`具有相同的效果。 #### 2. 子窗口刷新父窗口 除了通过弹出子页面来刷新父窗口外，还可以通过子窗口本身来刷新父窗口。这种情况下，子窗口通常...
例如，通过`window.opener`对象，子窗口可以访问到打开它的父窗口，而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口： ```javascript let newWindow = window.open('...'); newWindow....
### JavaScript中的`opener`与`parent`的区别详解 #### 引言 在JavaScript中，`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象，并且有着各自特定的应用场景。本文将详细介绍...
这段脚本首先检查`window.opener`是否为`null`，如果不是，则打开一个新的窗口并加载指定的URL。这里还包含了一些窗口特性的设置，如不允许工具栏、地址栏等，同时设置了窗口的位置和尺寸。最后，如果当前窗口的...
为了实现这一目的，JavaScript提供了几个内置属性来帮助完成这类操作，主要包括`window.parent`和`window.opener`。 #### 二、`window.parent`的使用 ##### 2.1 `window.parent`的定义 `window.parent`属性返回...
例如：A页面通过window.open()方法弹出了B页面，在B页面中就可以通过opener来引用A页面，这样就可以通过这个对象来对A页面进行操作。 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象。例如：A...
- **同源策略限制**：与window.opener类似，window.parent同样受到同源策略的限制。除非两个页面具有相同的协议、域名和端口号，否则不能直接操作父窗口的DOM内容。 ### 实例应用 在实际应用中，当需要从子窗口向...
在子页面中通过`window.parent.dialogArguments`来传递数据，然后关闭对话框。 b. 如果不想增加额外的页面，可以使用`window.opener.document`对象。在IE中，可以通过`window.dialogArguments`访问父窗口，而在...
这里假设父窗口有一个名为 `frameName` 的框架，可以通过 `window.opener.frames[frameName]` 来访问它，然后使用 `location.reload()` 方法来刷新该框架。 #### 四、示例代码分析 在提供的示例代码中，我们可以...
1. **`window.opener`与`window.parent`的区别**： - `window.opener`：指的是打开当前窗口的窗口对象。只有当一个窗口是由另一个窗口通过`window.open()`打开时，该窗口才有`opener`属性。 - `window.parent`：指...
某页面中button按钮事件写代码如下： ... Response.Write("<script>window.open('" + Str1 + "','_blank');window.showModalDialog('close.htm');...<body onload="window.parent.opener=null;window.close();"> </html>