`
fengyilan1
  • 浏览: 2264 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

window.parent与window.opener的区别

阅读更多
关键字: 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();">
0
1
分享到:
评论

相关推荐

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

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

    parent和opener的区别

    #### `parent`与`opener`的区别 尽管`parent`和`opener`都是指向其他窗口的引用,但它们之间存在明显的区别: - **`parent`**: - 指的是当前窗口所在的父窗口,不一定是打开当前窗口的窗口。 - 如果当前窗口...

    window.parent与window.openner区别介绍

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

    window.location.href页面跳转的用法(区别于redirect)

    本文将详细介绍如何使用`window.location.href`进行页面跳转,并探讨它与`Response.Redirect`的区别。 #### 使用场景 假设在一个ASP.NET项目中,当用户完成某个操作(例如注册账号),我们希望在显示一个提示信息...

    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

    window.open打开新窗口,不被拦截的方法

    &lt;body onload="window.parent.opener=null;window.close();"&gt; ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是,这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...

    刷新父窗口的多种方法

    这里`self`是指向当前窗口的引用,因此`self.opener`与`window.opener`具有相同的效果。 #### 2. 子窗口刷新父窗口 除了通过弹出子页面来刷新父窗口外,还可以通过子窗口本身来刷新父窗口。这种情况下,子窗口通常...

    js window.open iframe dialog

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

    js中opener与parent的区别详细解析.docx

    ### JavaScript中的`opener`与`parent`的区别详解 #### 引言 在JavaScript中,`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象,并且有着各自特定的应用场景。本文将详细介绍...

    window.open

    这段脚本首先检查`window.opener`是否为`null`,如果不是,则打开一个新的窗口并加载指定的URL。这里还包含了一些窗口特性的设置,如不允许工具栏、地址栏等,同时设置了窗口的位置和尺寸。最后,如果当前窗口的...

    JS子窗口调用父窗口

    为了实现这一目的,JavaScript提供了几个内置属性来帮助完成这类操作,主要包括`window.parent`和`window.opener`。 #### 二、`window.parent`的使用 ##### 2.1 `window.parent`的定义 `window.parent`属性返回...

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

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

    js中opener与parent的区别详细解析

    - **同源策略限制**:与window.opener类似,window.parent同样受到同源策略的限制。除非两个页面具有相同的协议、域名和端口号,否则不能直接操作父窗口的DOM内容。 ### 实例应用 在实际应用中,当需要从子窗口向...

    js模式化窗口问题![window.dialogArguments]

    在子页面中通过`window.parent.dialogArguments`来传递数据,然后关闭对话框。 b. 如果不想增加额外的页面,可以使用`window.opener.document`对象。在IE中,可以通过`window.dialogArguments`访问父窗口,而在...

    javascript刷新父页面

    这里假设父窗口有一个名为 `frameName` 的框架,可以通过 `window.opener.frames[frameName]` 来访问它,然后使用 `location.reload()` 方法来刷新该框架。 #### 四、示例代码分析 在提供的示例代码中,我们可以...

    JS刷新父页面 父窗口

    1. **`window.opener`与`window.parent`的区别**: - `window.opener`:指的是打开当前窗口的窗口对象。只有当一个窗口是由另一个窗口通过`window.open()`打开时,该窗口才有`opener`属性。 - `window.parent`:指...

    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;

Global site tag (gtag.js) - Google Analytics