window.open打开一个新窗口/子窗口中调用父窗口的方法

window.open打开一个新窗口/子窗口中调用父窗口的方法

Posted on 2010-11-02 15:39
LuckCOffey 阅读(1874) 评论(0)
编辑 收藏


window.open 只打开一个窗口是将

oNewWindow = window . open ( sURL , sName , sFeatures , bReplace )

中的sName 设置成一个固定值，如果有框架的话设置成“_top”

语法：

oNewWindow = window . open ( sURL , sName , sFeatures , bReplace )

参数：

sUrl : 可选项。字符串(String)。指定要被加载的HTML文档的 URL 地址。假如无指定值，则 about:blank 的新窗口会被显示。

sName : 可选项。字符串(String)。 指定打开的窗口的名字。这个名字可以用于 form 或 a 对象的 TARGET 属性。此名字也可以使用下列通用名称: _media : IE6.0 在浏览器左边的媒体面板内打开 sUrl 。

_blank : 在新窗口中打开 sUrl 。

_parent : 在当前框架的父框架内打开。假如当前框架无父框架，此参数值等同于 _self 。

_search : IE5.0 在浏览器左边的搜索面板内打开 sUrl 。

_self : sUrl 在当前窗口中打开，覆盖当前文档。

_top : 在所有框架之外的最顶层窗口中打开 sUrl 。假如当前窗口无框架结构，此参数值等同于 _self 。

sFeatures : 可选项。字符串(String)。 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时，此参数的设置才会发生作用。 channelmode = { yes | no | 1 | 0 }  指定是否将窗口显示为频道模式。默认值为 no 。

directories = { yes | no | 1 | 0 }  指定是否显示「链接」按钮。默认值为 yes 。

fullscreen = { yes | no | 1 | 0 }  指定是否以全屏方式显示窗口。默认值为 no 。要小心使用全屏模式，因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能，用户可以使用 ALT+F4 快捷键关闭窗口。

height = number  设置窗口的高度。最小值为 100 。

left = number  设置窗口左上角相对于桌面的横坐标。单位为像素( px )。

width = number  设置窗口的宽度。最小值为 100 。

top = number  设置窗口左上角相对于桌面的纵坐标。单位为像素( px )。

location = { yes | no | 1 | 0 }  设置是否显示浏览器窗口的地址栏。默认值为 yes 。

menubar = { yes | no | 1 | 0 }  设置是否显示浏览器窗口的菜单栏。默认值为 yes 。

resizable = { yes | no | 1 | 0 }  设置窗口是否允许被用户改变尺寸。默认值为 yes 。

scrollbars = { yes | no | 1 | 0 }  设置窗口是否可以具有滚动条。默认值为 yes 。

status = { yes | no | 1 | 0 }  设置是否显示浏览器窗口的状态栏。默认值为 yes 。

titlebar = { yes | no | 1 | 0 }  设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式( HTA )或被信任的对话框，否则此参数将被忽略。默认值为 yes 。

toolbar = { yes | no | 1 | 0 }  设置是否显示浏览器窗口的工具条。默认值为 yes 。

bReplace : 可选项。布尔值(Boolean)。false | true false : 新打开的文档覆盖历史列表里的当前文档。

true : 文新打开的文档被简单的添加到历史列表的最后。

返回值：

oNewWindow : 对象(Element)。返回对新的 window 对象的引用。

_______________________________________________________________________________________

当弹出子窗口使用的是 window.open();

方法时可以在子窗口使用：

1 . parant.method();

2 . opener.method();

两个方法调用父窗口的方法！

当弹出窗口使用的是模态窗口 window.showModelDialog();方法时可以在子窗口使用：

1 . var parentObj = window.dialogArguments;

parentObj.method();

方法调用父窗口的方法！

建议使用方法时考虑清楚弹出窗口究竟是什么模式的对话框，如果不清楚建议使用：

try{

opener.method();//弹出的是普通窗口

}catch(e1){

try{

var parentObj = window.dialogArguments;//弹出的是模态窗口

parentObj.method();

}catch(e2){//有可能父窗口没有这个方法！

}

//=====================================================================

子窗口给父窗口传值的时候

window.parent.opener.document.getElementById("A431").value= “12312”

//=====================================================================

有时我们需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 javascript 来实现"更新记录后关闭子窗口并刷新父窗口".

父窗口：

?
子窗口：

Js代码




代码

1
<script language="JavaScript"
type="text/javascript">

2
<!--

3
function refreshParent() {

4
window.opener.location.href = window.opener.location.href;

5
if (window.opener.progressWindow) {

6
window.opener.progressWindow.close();

7
}

8
window.close();

9
}

10
//-->

11
</script>

12
<a href="javascript:void(0)"
onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>