`
foxxiao
  • 浏览: 107241 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

showModalDialog取得父窗口的方法

    博客分类:
  • ajax
阅读更多
通常使用window.open的方式开启新窗口的话
要取得父窗口的控件,可以用window.opener来取得父窗口

然而如果使用showModalDialog的话...却无效
如果有需要的话,需要修改开启的语法以及showModalDialog中的语法

开启语法第2个参数请下window,范例如下

var rc=window.showModalDialog(strURL,window,sFeatures);

然后接着就是呼叫父窗口的语法

var pWindow=window.dialogArguments;

这样就可以取得父窗口的window对象控制了。例如:

window.dialogArguments.document.getElementsByName("processId")[0].value;

js中 opener和parent的区别
2008-03-09 21:10
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的

opener,在B页面通过opener对象可以访问A页面。

parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的

parent。



在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:
a.html中,通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中,就可以通过

window.opener(省略写为opener)来引用a.html,包括a.html的document等对象,操作a.html的内容。
假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会

出现“对象为空或者不存在”的JS错误。

<html>
<body>
<form. name=form1>
<input type=text name=inpu >
<input type=button   >
</form>
</body>
</html>


--------------------------------
back2opener.html
--------------------------------
<html>
<body>
<form. name=form1>
<input type=text name=inpu >

   <a class=under href=# >添加</a>
</form>
</body>
</html>



window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了

b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以

写为:

window.opener.document.getElementById("name").value = "输入的数据";


分享到:
评论
1 楼 fengweiyou 2010-11-12  
showModalDialog 方法要想子页面调用父页面的方法。首先父页面在调用showModalDialog 方法时要先传对象给子页面。
例如:window.showModalDialog(url,self,"") url是地址,self是父页面对象。
然后子页面调用:window.dialogArguments.XXX
举例子如果父页面有个function a(); 方法.
父页面弹出子页面用window.showModalDialog(url,self,"") ;
子页面通过 window.dialogArguments.a();方法即可调用父页面的a();

相关推荐

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    在JavaScript中,`showModalDialog`是一个非常有用的函数,它允许我们打开一个新的浏览器窗口或对话框,并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

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

    1&gt; window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()采用新创建一个窗口,同时父窗口可操作; 2&gt; 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var...

    刷新父窗口的多种方法

    ### 刷新父窗口的多种方法 在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新...

    子窗口刷新父窗口总结

    本文档将深入探讨如何在子窗口关闭时刷新父窗口,包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...

    javascript showModalDialog,open取得父窗口的方法

    本文将详细介绍使用`window.showModalDialog`和`window.open`两种方式打开新窗口后,如何取得并操作父窗口的方法。 首先,`window.showModalDialog`是一个JavaScript函数,用来打开一个模态对话框窗口,并在其中...

    js(javascript)子窗口和父窗口交互

    根据题目提供的信息,本文将详细介绍两种实现父窗口与子窗口交互的方法。 #### 一、通过 `window.open()` 方法实现交互 `window.open()` 是一种常见的创建新窗口的方式。通过这种方式可以灵活地控制新打开窗口的...

    showModalDialog刷新窗口的例子

    在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个...不过需要注意的是,由于`showModalDialog`在某些浏览器中已被废弃,所以在现代Web开发中,推荐使用其他方法,如`&lt;dialog&gt;`元素或Bootstrap的模态插件等。

    子窗口向父窗口传递值

    `showModalDialog()`可以返回一个值,这个值可以作为对话框关闭时的结果传递给父窗口。 总结一下,子窗口向父窗口传递值主要依赖于`window.parent`和`window.opener`这两个属性,它们允许子窗口访问并操作父窗口的...

    关于struts2里用javascript刷新window.showModalDialog的父页面

    - 在父窗口中,通过判断`window.showModalDialog`的返回值来决定是否刷新页面。 - 如果返回值为真,则执行`window.location.reload()`。 #### 注意事项 - **浏览器兼容性问题**:`window.showModalDialog`是IE...

    分页后弹出模态窗口刷新父窗口

    根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...

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

    使用这些方法可以实现父窗口和子窗口之间的数据交互,从而完成复杂的页面交互任务。需要注意的是,在跨域环境下,出于安全考虑,浏览器对不同域之间的窗口操作有限制,即同源策略(Same-origin policy),因此在进行...

    JS中showModalDialog关闭子窗口刷新主窗口用法详解

    本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法。分享给大家供大家参考,具体如下: 网上找了好长时间 大都是window.opener.location.reload(),等等 都不是我想要的 最后终于发现了一个 想知道的就往下...

    showModalDialog参数使用详解

    本篇文章将深入探讨`showModalDialog`的参数使用,以及如何在子父窗口之间传递数据。 `showModalDialog`函数的基本语法如下: ```javascript window.showModalDialog(url, [startNode], [features]); ``` - `url`...

    showModalDialog和open方法demo实例

    在JavaScript中,`showModalDialog`和`window.open`是两个用于打开新窗口或对话框的方法,它们在网页交互和用户界面设计中扮演着重要角色。这篇文章将详细讲解这两个方法的功能、用法以及它们的区别。 首先,我们来...

    sharepoint 2010 弹出模式窗口showModalDialog并返回值returnResult方法.

    本篇文章将详细探讨如何使用`showModalDialog`打开模态窗口,并返回值给调用页面。 首先,`showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, options); ``` - `url`: ...

    使用selenium测试showModalDialog模态对话框

    这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...

    Window.ShowModalDialog使用手册

    在JavaScript编程语言中,`Window.showModalDialog()`方法是一个非常重要的功能,主要用于打开一个模态对话框,即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...

Global site tag (gtag.js) - Google Analytics