js中window对象的open和opendialog方法使用

《js中window对象的open和opendialog方法使用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、弹出窗口控制-window.open()弹出窗口控制-CSS+DIV 弹出窗口控制-网页对话框　2009-03-2915:46分类：javaScript字号：大大 中中 小小这里说的网页对话框是指通过脚本代码打开一个新的窗口，并且该窗口可以有返回值。网页对话框分为网页模式对话框和网页非模式对话框。（模式和非模式的区别我在这里就不赘述了）。下面我们只针对网页模式对话框进行说明:弹出网页模式对话框:格式:varsomevalue=window.showModalDialog(url[,Arguments[,Features]])

2、;参数说明:url:指定url文件地址。Argument:用于向网页对话框传递参数，传递参数的类型不限制，对于字符串类型，最大为4096字符。也可以传递对象。如index.html.在弹出的窗口中可通过varparameter=window.dialogArguments;获取传递来的参数。Features:可选项。窗口对话框的设置参数。主要参数如下表: 参数 说明 dialogWidth:number 用于设置对话框的宽度 dialogHeight:number 用于设置对话框的高度 dialogTop:number 用于

3、设置对话框窗口相对于桌面左上角的top位置 dialogLeft:number 用于设置对话框窗口相对于桌面左侧的left位置 center:{yes

4、no

5、1

6、0}用于指定是否将对话框在桌面上居中，yes

7、1为居中，默认值为yes Help:{yes

8、no 1

9、0} 用于指定对话框窗口中是否显示上下文敏感的帮助图标。默认为yes scroll:{yes

10、no1

11、0} 用于指定对话框中是否显示滚动条 resizable:{yes

12、no1

13、0} 用于指定对话框的大小是否可变。默认为no status:{yes

14、no1

15、0} 用

16、于指定对话框是否显示状态栏示例:说明:点击按钮后打开一网页模式对话框。在网页对话框中选择一个值后关闭该模式对话框。并将返回值传递到父窗口中。如下: functionopenDialog()  {    var somevalue=window.openModalDialog("test.jsp","","dialogWidth=400px;dialogHeight=300px;help=no;status=no")   document.form1.userName=

17、somevalue;  }在弹出的模式对话框中调用一个js函数向打开的窗口返回信息functionaction(user){ parent.window.returnValue=user; window.close();}流程:通过window.openModalDialog()打开一模式窗口，在打开的窗口中调用action()函数将返回值传递给打开的对话框。其他说明:1、弹出全屏显示的网页（模式）对话框functionopenDialog(){ varwidth=s

18、creen.width; varheight=screen.height;window.openModalDialog("test.jsp","","dialogWidth="+width+"px;dialogHeight="+height+"px;status=no");}2、建议参数传递方式：　　　　　　　　window.showModalDialog("filename.htm",window)　　　　　　　　//不管要操作什么变量，只直传递主窗口的window对象　　　　　　在showModalDialog(或sho

19、wModelessDialog)读取和设置时：　　　　　　　　alert(window.dialogArguments.var_name)//读取var_name变量　　　　　　　　window.dialogArguments.var_name="oyiboy"//设置var_name变量　　　　　　　　同时我也可以操作var_id变量　　　　　　　　alert(window.dialogArguments.var_id)//读取var_id变量　　　　　　　　window.dialogArguments.var_id="0

20、01"//设置var_id变量　　　　　　　　同样还可以对主窗口的任何对象进行操作，如form对象里的元素。　　　　　　　　window.dialogArguments.form1.index1.value="这是在设置index1元素的值"在父页面中用onClick=""varreVal