《父窗口和子窗口 JS》由会员分享,可在线阅读,更多相关《父窗口和子窗口 JS(4页珍藏版)》请在金锄头文库上搜索。
1、父窗口和子窗口之间方法调用js 2011-09-04 23:39:39|分类: javascript |标签:|字号大中小 订阅.弹出窗口两种方式:1. window.showModalDialog:varfeature="dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable :no;center:yes" window.showModalDialog(url, Object(传给弹出窗口的参数,可以是任何类型),feature) 决定窗口的外观是第三个参数feature,其中c
2、enter属性指定为"yes",弹出窗口 居中; 如果想手动指定弹出窗口的具体位置,去掉center属性, 用dialogTop(弹出窗口上边界居屏幕上的距离) dialogLeft(弹出窗口左边界居屏幕左的距离)属性 如:(距离是px像素),这里手动指定弹出窗口位置居中var iTop = (window.screen.availHeight-550)/2; /获得窗口的垂直位置,550 为弹出窗 口的 height;var iLeft = (window.screen.availWidth-640)/2; /获得窗口的水平位置,640 为弹出窗 口的 width; va
3、rfeature="dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable :no;dialogTop:'+iTop+'dialogLeft:'+iLeft+'"2. window.open:varfeature="width=615,height=505,menubar=no,toolbar=no,location=no,scrollbars=no,statu s=no,modal=yes" window.open(url, w
4、indow(弹出窗口的名字),feature) 手动指定弹出窗口位置,属性top:(弹出窗口上边界居屏幕上的距离) 属性left:(弹出窗口左边界居屏幕左的距离) 下面指定弹出窗口位置居中(这种方式没有center属性): var iTop = (window.screen.availHeight-550)/2; /获得窗口的垂直位置,550 为弹出窗口 的 height;var iLeft = (window.screen.availWidth-640)/2; /获得窗口的水平位置,640 为弹出窗口 的 width; varfeature="width=615,height=50
5、5,top="+iTop+",left="+iLeft+",menub ar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes" 子窗口调用父窗口的东东(控件或者方法):1. window.open 打开的子窗口有 window.opener 属性 子窗口通过window.opener.xxxx获得父窗口的东东。如: window.opener.document.getElementById("userName");得到父页面的控件。 window.ope
6、ner.fresh();调用父页面的 js 方法。2. window.showModalDialog :不支持 window.opener,父窗口通过showModalDialog(url,para,feature)第二个参数para传参数给子窗口,子窗口通过window.dialogArguments获得父窗口穿过来的东西。及获得传过来的的二个参数 子窗口通过window.dialogArguments.xxxx获得父窗口的东东。如:这里传父页面的的window过去父页面:showModalDialog(url,window,feature)子页面:varname=window.dialog
7、Arguments.document.getElementById("userName").value;得到U 父页面的控件。 var name = window.dialogArguments.fresh();调用父页面的方法。这里的window.dialogArguments就相当于父页面的window,它是通过showModalDialog方 法的第二个参数window传过来的,当然也可以传数组或其它变量。showModalDialog(url,1,2,3,feature) /父页面传一个数组给子窗口showModalDialog(url,window,feature
8、) /父页面把自己的 window 参数传给子窗口 window.open只打开一个窗口是将oNewWindow = window . open ( sURL , sName , sFeatures , bReplace )参数:sUrl :可选项。字符串(String)。指定要被加载的HTML文档的URL地址。假如无指定值,则about:blank 的新窗口会被显示。sName :可选项。字符串(String)。 指定打开的窗口的名字。这个名字可以用于form 或 a 对象的 TARGET 属性。此名字也可以使用下列通用名称: _media :IE6.0在浏览器左边的媒体面板内打开 sUrl
9、 。_blank :在新窗口中打开sUrl 。_parent :在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于 _self 。_search :IE5.0在浏览器左边的搜索面板内打开sUrl 。_self :sUrl 在当前窗口中打开,覆盖当前文档。_top :在所有框架之外的最顶层窗口中打开sUrl。假如当前窗口无框架结构,此参数值等同于_self 。sFeatures :可选项。字符串(String)。 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。channelmode = yes |no| 1|0指定是否将窗
10、口显示为频道模式。默认值为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 = numbe
11、r设置窗口左上角相对于桌面的纵坐标。单位为像素(px )。1|0设置是否显示浏览器窗设置窗口是否允许被设置窗口是否可以设置是否显示浏览器窗设置是否显示浏览器location = yes | no |设置是否显示浏览器窗口的地址栏。默认值为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 对象的引用。