showModalDialog模态窗口总结
基本介绍：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
showModalDialog和showModelessDialog的异同
同：两者弹出的窗体不能刷新
异：前者是模态窗口，始终获得焦点；后者是非模态窗口，只不过弹出一个页面，还可以操作父窗口。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过
window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status: {yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。
常见技巧：
一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<head>之间的。
二、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
<input type="button" value="关闭" onclick="window.close()">
要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。
三、防止表单提交时弹出新窗口（只要复制到你的页面你就行，注意表单名称的修改。）
//初始化提交FORM的TARGET值。
window.attachEvent('onload', function(){
if(window.name=""){ //判断窗体的name，防止查询或者翻页操作时弹出新窗口
document.getElementById("PageNavigator").target = "dialogFrame";
}else if(window.name="dialogFrame"){//判断执行查询或翻页操作后，返回当前页面不刷新展现新数据
document.getElementById("PageNavigator").target = "";
}
})
四、清除缓存，防止模式窗口页面不更新的情况：
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2013年10月31日 11:58:09 星期四
相关推荐
1. **原生JavaScript**：使用`window.showModalDialog()`函数是早期实现模态窗口的一种方式，但它只在IE浏览器中可用。该方法接受三个参数：模态窗口的URL、父窗口对象和窗口属性字符串。然而，此方法在非IE浏览器中...
- 给定代码中的`window.showModalDialog`函数就是用来弹出模态窗口的。该函数接收三个参数：模态窗口的URL、调用者的窗口对象以及窗口的配置选项。 ### 二、实现逻辑分析 #### 1. 模态窗口弹出逻辑 - `function ...
总结来说，`javascript showModalDialog`在多层模态窗口的实现中，主要依赖于`window.name`、`window.open`和`returnValue`这三个关键点。通过正确使用这些特性，我们可以创建出交互复杂的多层模态窗口，并实现页面...
`showModalDialog`方法在Web开发中常用于创建一个模态窗口，使得用户必须先关闭该对话框才能与父窗口交互。然而，Chrome浏览器在某些版本中对`showModalDialog`的实现与其它浏览器不同，导致了模态对话框的行为异常...
模态窗口可以通过调用`window.showModalDialog()`方法来打开。此方法接受三个参数： - **url**：表示要加载的模态窗口HTML页面的URL。 - **arguments**：表示传递给模态窗口的参数。 - **features**：表示模态窗口的...
`showModalDialog` 是一个非常实用的功能，允许创建模态对话框（即用户必须与之交互才能继续使用页面其他部分的窗口）。然而，在某些情况下，我们可能希望在关闭弹出窗口后，不刷新父窗口（即打开弹出窗口的页面），...
总结来说，为了实现JS模态窗口返回值的完美兼容，需要对不同浏览器的行为进行特殊处理。核心在于确保无论在何种环境下，都能正确处理opener对象，并通过标准的窗口属性来传递返回值。通过上述解决方案，开发者可以更...
例如，`member-admin-new.jsp`可能用于管理员添加新成员的模态对话框，而`select-no-center-people.jsp`可能是一个非模态窗口，让用户从列表中选择不包含中心成员的人员。不过，没有具体的代码内容，只能做出推测。
总结起来，`showModalDialog`是JavaScript提供的一种创建模态对话框的方式，尽管存在一些局限性，但在特定场景下仍不失为一种实用的工具。了解并熟练掌握其使用，可以帮助开发者更好地构建交互式Web应用。
在JavaScript中，showModalDialog是一个非常实用的内置方法，用于创建和管理模态对话框。本文将对showModalDialog方法的使用进行详细介绍。 首先，我们来看showModalDialog的基本语法。该方法允许我们在一个弹出...
通过调用`showModalDialog()`方法，可以弹出模态窗口，它能够获取主窗口的句柄，并将处理结果以字符串形式返回给主页面。 工作流程如下： 1.1 客户端调用`showModalDialog()`方法，启动模态窗口。 1.2 主页面的脚本...
由于模态对话框在不同浏览器之间的兼容性问题，以及在某些JavaScript框架（如jQuery Mobile等）中已不再推荐使用`showModalDialog`，我们可以考虑使用`iframe`来作为模态窗口的替代方案。通过动态地将`iframe`内容...
在这个例子中，`window.showModalDialog` 是用来显示一个模态窗口，用户必须与该窗口交互（关闭它）才能继续在主窗口中操作。我们来详细探讨这个知识点。 `window.showModalDialog` 是一个古老的浏览器内置函数，...
2. **交互方式**：`ShowModalDialog` 创建的窗口是模态的，即用户必须先关闭对话框才能与主窗口交互；而 `window.open` 创建的窗口既可以是模态的也可以是非模态的，取决于具体的配置。 3. **返回值处理**：`...
总结起来，解决`window.showModalDialog`跨域返回值的关键步骤是： 1. 使用`window.showModalDialog`打开一个包含`iframe`的页面，`iframe`加载目标站点。 2. 目标站点通过修改`iframe`的`src`属性或提交表单等方式...
- **showModalDialog**：打开的是模态对话框，即在对话框未关闭之前，用户无法与主窗口进行交互。 - **showModelessDialog**：打开的是非模态对话框，即使对话框未关闭，用户也可以继续与主窗口进行交互。 ### 使用...
`window.showModalDialog()`方法创建一个模态对话框窗口，与`window.open()`不同的是，它提供了更高级的交互方式，但不支持直接引用父窗口。因此，刷新父窗口的操作相对复杂一些。 ##### 方法一：在子窗口中刷新父...
总结来说，`window.showModalDialog`虽然提供了一种创建模态对话框的方式，但鉴于其局限性和现代浏览器的不兼容性，开发者应该考虑使用更现代和兼容的解决方案来实现相同的功能。了解并掌握这些替代方法，将有助于...
模态对话框是一种阻止用户与主窗口交互直至关闭对话框的弹出窗口。这种方法特别适用于需要用户输入或确认某些信息的应用场景。 #### 二、语法及参数说明 `window.showModalDialog(url, arguments, features)` 的...