1、基本知识
showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。
2、使用方法
vReturnValue=window.showModalDialog(sURL[,vArguments][,sFeatures]); vReturnValue=window.showModelessDialog(sURL[,vArguments][,sFeatures]);
3、参数说明
| 参数名称 | 性质 | 类型 | 作用 |
| sURL | 必选 | 字符串 | 用来指定对话框要显示的网页的URL。 |
| vArguments | 可选 | 变体 | 用来向对话框传递参数。参数类型不限。 对话框通过window.dialogArguments来取得传递进来的参数。 |
| sFeatures | 可选 | 字符串 | 用来描述对话框的外观等信息 |
4、sFeatures参数说明
| 参数名称 | 参数属性 | 说明 |
| dialogHeight | npx | 对话框高度，不小于100px |
| dialogWidth | npx | 对话框宽度 |
| dialogLeft | npx | 离主窗口左的距离 |
| dialogTop | npx | 离主窗口上的距离 |
| center | {yes | no | 1 | 0 } | 窗口是否居中，默认yes |
| help | {yes | no | 1 | 0 } | 是否显示帮助按钮，默认yes |
| resizable | {yes | no | 1 | 0 } | 是否可改变大小，默认no |
| status | {yes | no | 1 | 0 } | 是否显示状态栏，默认为yes[ Modeless]或no[Modal] |
| dialogHide | { yes | no | 1 | 0 | on | off } | 在打印或者打印预览时对话框是否隐藏，默认为no |
| scroll | { yes | no | 1 | 0 | on | off } | 指明对话框是否显示滚动条，默认为yes |
| edge | { sunken | raised } | 指明对话框的边框样式，默认为raised |
| unadorned | { yes | no | 1 | 0 | on | off } | 默认为no |
| 注意：dialogHide，edge，unadorned这三个属性是用在HTA（HTML Aplication）中的，一般网页上用不到。 |
5、参数传递 通过vArguments来传递参数，类型不限制，对于字符串类型，最大为4096个字符，也可以传递对象，例如
parent.htm
<script>
window.showModalDialog("sun.htm","传递进去的参数","help:no;scroll:no");
</script>
sun.htm
<script>
alert("传来的参数：" + window.dialogArguments);
</script>
6、返回值 通过window.returnValue向打开对话框的窗口返回信息，也可以是对象。例如：
parent.htm
<script>
result=window.showModalDialog("son.htm","","help:no;scroll:no");
alert(result);
</script>
son.htm
<script>
window.returnValue="这里存放返回的结果";
</script>
7、防止在模态窗口中提交后新开一窗口
在页面的 <body>前加入<base target="_self">
8、调用父窗口的方法同时传递参数
parent.htm
<script>
function show(){//父窗口的方法
alert("show");
}
var arg=new Object();//传递进去的参数
arg.win=window;//把当前窗口的引用当参数传进去
arg.str="argument";//要传进去的其他参数
window.showModalDialog("son.htm",arg,'help:no');
</script>
son.htm
<script>
var arg=window.dialogArguments;
alert(arg.str);
arg.win.show();//调用父窗口的方法
</script>
相关推荐
例如，`member-admin-new.jsp`可能用于管理员添加新成员的模态对话框，而`select-no-center-people.jsp`可能是一个非模态窗口，让用户从列表中选择不包含中心成员的人员。不过，没有具体的代码内容，只能做出推测。
Window.showModalDialog 和 ...Window.open() 方法用于创建一个新的浏览器窗口，而 Window.showModalDialog() 方法用于创建一个模态对话框。它们都可以用来实现不同的交互式功能，但需要根据具体情况选择合适的方法。
在JavaScript编程语言中，`Window.showModalDialog()`方法是一个非常重要的功能，主要用于打开一个模态对话框，即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...
在网页开发中，`window.showModalDialog` 是一个古老的 API，用于创建模态对话框，它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`<dialog>`元素或JavaScript库如jQuery UI、Bootstrap ...
在JavaScript中，`window.showModalDialog()` 是一个非标准但广泛使用的API，用于创建模态对话框。模态对话框是一种阻止用户与主窗口交互直至关闭对话框的弹出窗口。这种方法特别适用于需要用户输入或确认某些信息的...
在JavaScript中，`window.showModalDialog`是一个古老但仍然有用的函数，用于打开一个模态对话框，用户在对话框中进行交互，直到关闭对话框为止。然而，当涉及到跨域时，`showModalDialog`面临一个问题：它无法正确...
在JavaScript编程中，`window.showModalDialog`是一个用于打开模态对话框的函数，它能够创建一个新的浏览器窗口或者在当前窗口内显示一个弹出层，阻止用户与父窗口的交互，直到用户关闭对话框为止。这个方法在创建...
本文将重点介绍模态对话框的使用方法`window.showModalDialog()`。 模态对话框是一种阻止用户与网页其他部分互动，直到关闭对话框为止的交互方式。`window.showModalDialog()`是Internet Explorer 4及更高版本支持...
此外，还有一个类似的函数 `window.showModelessDialog`，该函数同样可以在 IE5.0 及以上版本中使用，但打开的是非模态对话框窗口。 #### 基本语法 ```javascript vReturnValue = window.showModalDialog(sURL, ...
其中一个常见的场景就是通过`window.showModalDialog`方法打开一个新窗口，并在完成某些操作后刷新父页面。本文将详细介绍如何在Struts2项目中实现这一功能。 #### Struts2简介 Struts2是基于MVC设计模式的一个...
`window.showModalDialog` 是一个在JavaScript中用于打开模态对话框的函数，它在Web开发中被广泛使用，特别是在创建自定义对话框时。在这个示例中，我们有一个名为"TestWindowDialog"的压缩包文件，其中包含了实现`...
2. **交互方式**：`ShowModalDialog` 创建的窗口是模态的，即用户必须先关闭对话框才能与主窗口交互；而 `window.open` 创建的窗口既可以是模态的也可以是非模态的，取决于具体的配置。 3. **返回值处理**：`...
下面是一个使用`window.showModalDialog()`创建模态窗口的示例： ```javascript var mxh1 = new Array("mxh", "net_lover", "E"); var mxh2 = window.open("about:blank", "window_mxh"); // 打开模态窗口 window....
在这个例子中，`window.showModalDialog` 是用来显示一个模态窗口，用户必须与该窗口交互（关闭它）才能继续在主窗口中操作。我们来详细探讨这个知识点。 `window.showModalDialog` 是一个古老的浏览器内置函数，...
`window.showModalDialog()` 是一个古老的JavaScript方法，用于在当前页面上打开一个模态对话框，该对话框阻止用户与页面其余部分进行交互，直到对话框被关闭。然而，这个功能在现代浏览器，特别是Google Chrome中...
#### IE中的模态窗口：`window.showModalDialog()` `window.showModalDialog()`是IE4及以上版本支持的方法，用于显示模态对话框。其语法如下： ```javascript vReturnValue = window.showModalDialog(sURL[, ...