- 浏览: 707803 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (272)
- Struts1.x (7)
- 事务 (2)
- Hibernate (11)
- 数据库 (14)
- JavaScript&Ajax (43)
- JSP&Servlet (2)
- Flex (1)
- 其它 (9)
- Java (22)
- 框架集成 (1)
- WebService (3)
- Tomcat (3)
- 加密和安全登录 (13)
- 基于原型的JavaScript (0)
- JavaDoc和Java编码规范 (3)
- CAS (1)
- 加密 (1)
- Axis2 (10)
- Ext2.x (3)
- SSH整合 (2)
- Ext (0)
- 正则表达式 (1)
- 设计模式 (4)
- 对象序列化技术 (3)
- CVS (2)
- Struts2 (6)
- Spring 2.x (7)
- Spring Security (2)
- Java 课程 (20)
- 程序员之死 (1)
- 软件测试 (6)
- UML (5)
- NetBeans (1)
- cxf (1)
- JMS (13)
- 设计 (5)
- ibatis2.x (3)
- Oracle (1)
- WebSphere (7)
- 概要设计 (1)
- DB2 (10)
- PowerDesigner (0)
- 软件工程 (5)
- rose (1)
- EA (1)
- LDAP (7)
- Portal&Portlet (3)
- MQ (10)
- ESB (4)
- EJB (2)
- JBoss (2)
最新评论
-
typeRos:
只有配置文件,没有代码么大神
Spring实现IBMMQ的JMS消息发布/订阅模式 -
panamera:
如果ActiveMQ服务器没有启动,这个时候消息生产者使用Jm ...
Spring JMSTemplate 与 JMS 原生API比较 -
lian819:
顶1楼, 引用文件, 配置属性, 太方便了
EXTJS 同步和异步请求 -
wilhard:
说得清楚明白
<%@ include file=""%>与<jsp:include page=""/>区别 -
刘琛颖:
总结的很好。受益了
javascript 父窗口(父页面)— 子窗口 (子页面)互相调用的方法
javascript调用父窗口(父页面)的方法
window.parent与window.opener的区别 javascript调用主窗口方法
1: window.parent 是iframe页面调用父页面对象
举例:
a.html
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>
<html> <head> <title>主页面</title> <script> /** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */ var parentVairous = "为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量"; function parentInvokeIFrame() { var iframeTest = document.frames["iframeTest"]; //使用document.getElementById("iframeTest");同样可以 alert(iframeTest.document.body.innerHTML); alert(iframeTest.iFrameVair); } </script> </head> <body> <form name="form1" id="form1"> <input type="text" name="username" id="username"/> <input type = "button" value = "父窗口调用IFrame子窗口中的内容" onclick = 'parentInvokeIFrame()'/> </form> <iframe src="b.html" width = '100%' id = 'iframeTest'></iframe> </body> </html>
1.b.html
<html> <head> <title></title> <script type="text/javascript"> /** 为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数 */ var iFrameVair = "测试父窗体调用IFrame子窗体的全局函数"; function UpdateParent() { var _parentWin = window.parent ; _parentWin.form1.username.value = "xxxx" ; } function childInvokeParent() { var parentVairous = window.parent.window.parentVairous; alert(parentVairous); } </script> </head> <body> <form name="form1" id="form1"> <p> </p> <p align="center"> <input type = "button" name = "button" id = "button" value = "更新主页面的UserName内容" onclick = "UpdateParent()"> <input type = "button" name = "button2" id = "button2" value = "测试IFrame子窗口调用父窗口的全局变量" onclick = "childInvokeParent();"/> </p> <p> </p> </form> </body> </html>
ps:不能跨域获取,例如iframe的src是'http://www.xxx.ccc/'就不可以
2: window.opener 是window.open 打开的子页面调用父页面对象
实例地址: http://www.cnspry.cn/blog/attachments/window.opener 实例/a.html
源码:
2.a.html
<html> <head> <title>主页面</title> <script type="text/javascript"> /** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */ var parentVairous = "为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量"; /** * 因为不同于IFrame(IFrame有id,window.open()与IFrame的父子窗口的模式不同), * 所以当是通过window.open()方法打开一个新窗口使, 必须有一个新窗口的对象 * 当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常 */ var OpenWindow; function openSubWin() { OpenWindow = window.open('b.html', 'newwindow', 'height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,location=no, status=no'); } function parentInvokeChild() { if(OpenWindow)//当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常 { alert(OpenWindow.iFrameVair); } } </script> </head> <body> <form name="form1" id="form1"> <input type="text" name="username" id="username"/> <input type="button" value="弹出子页面" onclick = "openSubWin()"> <input type="button" value="测试调用弹出窗口中的全局变量" onclick = "parentInvokeChild()"> </form> </body> </html>
2.b.html
<html> <head> <title>子页面</title> <script type="text/javascript"> /** 为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数 */ var iFrameVair = "测试父窗体调用IFrame子窗体的全局函数"; function UpdateParent() { var _parentWin = window.opener; _parentWin.form1.username.value = "xxxx" ; } function childInvokeParent() { var parentVairous = window.opener.window.parentVairous; alert(parentVairous); } </script> </head> <body> <form name="form1" id="form1"> <p> </p> <p align="center"> <input type="button" onclick = "UpdateParent();" name="button" id="button" value="更新主页面的UserName内容"> <input type = "button" name = "button2" id = "button2" value = "测试IFrame子窗口调用父窗口的全局变量" onclick = "childInvokeParent();"/> </p> <p> </p> </form> </body>
经过hanjs的提醒,确实需要注意的是,模态窗口的子窗口是没有办法修改父窗口页面中的任何内容的。
例如修改:OpenWindow = window.open('b.html', 'newwindow', 'height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,location=no, status=no');
为:OpenWindow = window.showModalDialog("b.html",'newwindow',"dialogHeight:100px,center:yes,resizable:no,status:no");
在子窗口中当希望修改父窗口中的内容时,会弹出“某某”为空或不是对象的错误,而这里的“某某”就是你想修改的父窗口中的内容
例如修改:OpenWindow = window.open('b.html', 'newwindow', 'height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,location=no, status=no');
为:OpenWindow = window.showModalDialog("b.html",'newwindow',"dialogHeight:100px,center:yes,resizable:no,status:no");
在子窗口中当希望修改父窗口中的内容时,会弹出“某某”为空或不是对象的错误,而这里的“某某”就是你想修改的父窗口中的内容
评论
7 楼
刘琛颖
2013-09-04
总结的很好。受益了
6 楼
java菜菜鸟
2009-02-04
自己经常会用到子窗体刷新父窗体的功能.
window.dialogArguments.dealreturnValue(returnValue);
这个倒是没怎么用过.
window.dialogArguments.dealreturnValue(returnValue);
这个倒是没怎么用过.
5 楼
hanjs
2009-01-16
bocent 写道
holdbelief 写道
楼上说的太对了,需要注意,又学了一招
to "模态窗口的子窗口是没有办法修改父窗口页面中的任何内容的"
好像在ie下可以引用吧,,可以在showModalDialog里将父页面 的句柄传过去..然后就可在模态窗口里操作了...
如下:
window.dialogArguments.dealreturnValue(returnValue);
dealreturnValue是父窗口里定义的方法..
哥们,你没有好好看理解我说的意思。
传过去一个句柄操作父窗口的数据没有问题。你自己可以动手做一下,能否用location或submit来提交刷新父窗口???
4 楼
dust_dn
2009-01-16
lz你贴的链接地址。。。
3 楼
bocent
2009-01-15
holdbelief 写道
楼上说的太对了,需要注意,又学了一招
to "模态窗口的子窗口是没有办法修改父窗口页面中的任何内容的"
好像在ie下可以引用吧,,可以在showModalDialog里将父页面 的句柄传过去..然后就可在模态窗口里操作了...
如下:
window.dialogArguments.dealreturnValue(returnValue);
dealreturnValue是父窗口里定义的方法..
2 楼
holdbelief
2008-12-31
楼上说的太对了,需要注意,又学了一招
1 楼
hanjs
2008-12-29
模态窗口调用父窗口也是window.parent来处理的。但是模态和window.open有个功能上的区别就是,模态的窗口不能刷新父页面(刷新整个页面,比如用window.location或form.submit等的处理),而使用window.open就可以进行刷新父窗口的操作
发表评论
-
JavaScript 代码压缩工具
2011-02-16 15:15 945见附件,免费工具。 -
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步)
2009-11-26 13:38 10719在服务器端判断request来自Ajax请求(异步)还是传 ... -
转:用Javascript来关闭IE浏览器和FireFox浏览器
2009-06-03 11:08 2184原文地址:http://hi.baidu.com/suen ... -
JavaScript 解析 JSON
2009-02-25 20:36 0JSON (JavaScript Object Not ... -
JavaScript的四舍五入运算
2009-02-02 13:49 1786function ForDight(Dight,How) { ... -
JavaScript 使用面向对象的技术创建高级 Web 应用程序
2009-01-19 21:44 1517转载: JavaScript 使用面 ... -
在JavaScript中使用面向对象
2009-01-18 17:05 1130原文地址:http://www.cnblo ... -
应当这样编写 JavaScript 代码吗?
2009-01-17 23:09 1127应当这样编写 JavaScript 代码吗? 您已经看到Ja ... -
JavaScript模拟命名空间
2009-01-17 17:35 1332JavaScript模拟命名空间 在C++和C#中,命名 ... -
JavaScript 从类继承
2009-01-17 17:32 1279从类继承 到这里,我们已经了解了构造函数和原型对象如何使您在 ... -
模拟私有属性
2009-01-07 15:46 1134模拟私有属性 现在介绍闭包如何帮助模拟私有成员。正常情况 ... -
闭 包
2009-01-07 15:10 1242闭包 我没有自觉地学习过JavaScript。我必须快点了解 ... -
静态属性和方法
2009-01-05 18:15 1317静态属性和方法 有时,您需要绑定到类而不是实例的属性或方法, ... -
原 型
2009-01-05 17:58 1066原型 在使用JavaScript的面向对象编程中,原型对象 ... -
构造函数而不是类
2009-01-04 23:15 1398构造函数而不是类 前面提到过,有关JavaScript ... -
JavaScript 函数是最棒的
2009-01-04 19:25 1473JavaScript 函数是最棒的 在很多编程语言中,函数和 ... -
insertAdjacentElement方法
2008-12-29 18:08 2473语法: oElement = object . inse ... -
javascript 中定义private 方法
2008-12-26 12:40 2301出处:http://aoqi1883.blog.163.co ... -
event.returnValue和return false的区别
2008-12-25 19:52 26620<!DOCTYPE html PUBLIC " ... -
按“回车”键提交表单
2008-12-25 19:17 2565<!DOCTYPE html PUBLIC " ...
相关推荐
在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...
JavaScript实现IFrame子窗口调用父窗口的全局变量
在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...
### JavaScript 子窗口与父窗口交互详解 在前端开发中,常常会遇到需要在一个窗口(通常称为父窗口)中打开另一个窗口(子窗口)的情况。这时,如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目...
在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...
本文将详细介绍如何使用JavaScript实现父窗口与子窗口之间的调用以及值的传递。 #### 一、基本概念 1. **父窗口**:通常指打开新窗口的原始页面。 2. **子窗口**:由父窗口通过`window.open()`方法打开的新窗口。 ...
### JS子窗口调用父窗口的关键知识点 #### 一、基本概念 在JavaScript中,有时我们需要从一个子窗口(通常是通过`window.open()`方法打开的新窗口)与父窗口(即打开该新窗口的原始窗口)之间进行交互。这种交互...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...
模态子窗口通常由JavaScript或者jQuery库(如Bootstrap)创建,它们可以通过事件监听或回调函数与父窗口进行通信。在HTML中,模态窗口往往被包含在一个`<div>`元素中,通过CSS设置为不可见,并在需要时通过...
这个压缩包“javascript经典特效---子窗口对父窗口的操作.rar”显然包含了关于如何使用JavaScript实现这种交互的示例和教程。 首先,我们要了解在JavaScript中操作窗口的基本方法。`window.open()`函数是创建新窗口...
在Web开发中,有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中,用户在子窗口进行操作后,需要将结果反馈给父窗口,以便更新父窗口的状态或展示相关信息。这个过程就称为“子...
3. **父窗口的更新**:在子窗口的AJAX成功回调函数中,我们可以调用`parent.window.location.reload()`来刷新父窗口。这样,父窗口将获取到最新的数据并重新渲染页面。 这个过程的关键在于通过AJAX保持页面的异步...
JavaScript操作iframe父窗口和子窗口是一种常见的Web开发技术,它涉及到网页交互和页面通信。在Web应用程序中,iframe(Inline Frame)常用于嵌入其他网页或者实现页面的局部刷新,而父窗口与子窗口之间的通信则能...
- **使用`opener.location.reload()`**:在子窗口中,你可以通过`opener`引用父窗口,然后调用`reload()`方法刷新父窗口的页面。 - **通过消息传递**:使用`window.postMessage()` API,子窗口可以向父窗口发送...
通过在子窗口中调用`window.opener.location.reload()`,可以实现在子窗口关闭时刷新父窗口。具体实现如下: ```javascript // 子窗口代码 window.close(); if (条件满足) { window.opener.location.reload(); } `...
在标题和描述中提到的"frameset父页面和子页面的方法之间调用个属性的调用",涉及到的是跨框架通信的概念。当一个`frameset`中有多个`frame`或`iframe`时,它们之间可能需要进行数据交换或操作交互。这种交互可以...
本文实例讲述了JavaScript子窗口调用父窗口变量和函数的方法。分享给大家供大家参考。具体如下: 示例1:子窗口是新打开的窗口 父窗口: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
子窗口可以通过`window.opener`属性访问父窗口的对象和方法。但是,由于同源策略的限制,只有当子窗口与父窗口位于同一域时,才能修改父窗口的值。例如,子窗口可以这样设置父窗口的变量: ```javascript window....
在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的关键是能够访问到父...
2. **在子窗口中调用父窗口方法**:在子窗口的JavaScript代码中,可以通过`window.opener`属性访问到父窗口的对象。如果父窗口有一个名为`parentMethod`的方法,可以在子窗口中这样调用: ```javascript window....