window.open、window.showModalDialog和window.showModelessDialog

最新推荐文章于 2021-11-03 22:08:30 发布

原创最新推荐文章于 2021-11-03 22:08:30 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了网页开发中打开子窗口的三种方法：直接使用URL链接打开(open)、使用window.showModalDialog()保持焦点直至对话框关闭、使用window.showModelessDialog()允许用户在对话框打开时切换焦点。重点讨论了它们之间的区别及应用场景。

[b]1.前言 [/b]
要打开一个可以载入页面的子窗口有三种方法，分别是

[list]
[*]window.open()

[*]window.showModalDialog()

[*]window.showModelessDialog()
[/list]
open方法就是打开一个页面，可以说同用url链接打开一个页面一样，不推荐使用，因为很多浏览器会拦截。这里推荐使用的是window.showModalDialog和window.showModelessDialog。

[b]2.showModalDialog和showModelessDialog的使用方法[/b]
语法：
vReturnValue = window.showModalDialog(sURL [, vArguments][,sFeatures])
vReturnValue = window.showModelessDialog(sURL [,vArgument][,sFeatures])
参数说明：
sURL--
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。

[b]3.showModalDialog和showModelessDialog的区别 [/b]
showModalDialog：被打开后就会[color=red]始终保持输入焦点[/color]，除非对话框被关闭，否则用户无法切换到父窗口，类似alert的运行效果。
showModelessDialog：被打开后，用户[color=red]可以随机切换输入焦点[/color]。对主窗口没有任何影响，最多是被挡住一下而以。