作用:
打开一个子窗口,并且可与父窗口相互传递数据,它与window.open的最大区别就在于由ShowModalDialog打开子窗口后,父窗口将不能操作。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 距离桌面左的距离。
dialogTop: 离桌面上的距离。
center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取,例如:
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();
分享到:
相关推荐
在JavaScript中,`showModalDialog`函数是一个非常有用的特性,它允许我们打开一个模态对话框,并在用户与该对话框交互后返回一个值。然而,在Chrome浏览器中,这个函数的行为有时可能会导致一些问题,特别是当涉及...
下面是一个简单的示例,展示了如何使用 `ShowModalDialog`: ```html <!DOCTYPE html> 示例 显示对话框" onclick="showdialog();"> function showdialog() { window.showModalDialog("2.html", "", 'edge...
在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...
在SharePoint 2010开发中,`_spPageContextInfo`对象提供了一种方便的方式来弹出模态对话框,即`showModalDialog`函数。这个功能在处理用户交互、表单填写、确认操作或者展示详细信息时非常实用。本篇文章将详细探讨...
总的来说,`showModalDialog`是一个在特定场景下仍具实用价值的函数,尤其对于处理简单的对话框和数据交换。然而,考虑到兼容性和未来发展趋势,开发者应谨慎使用,或者寻找更现代的解决方案来替换。
总结一下,本篇文章通过展示一个具体的代码示例,向我们展示了如何使用JavaScript的showModalDialog函数来创建模态对话框,并在其中通过***控件和JavaScript函数实现对话框与父窗体之间的数据交互。通过这样的交互,...
`showModalDialog`函数默认受到同源策略的约束,当尝试打开一个不同源的URL时,浏览器会阻止这一操作,以防止恶意代码的注入。这导致在需要弹出跨域窗口时,`showModalDialog`无法正常工作。 **解决跨域iframe** ...
本篇内容详细介绍了 `window.open` 函数的基本用法及其在实际开发中的应用场景,同时探讨了如何从 `showModalDialog` 中获取数据对象的方法,以及 `request.getParameterMap()` 在处理 HTTP 请求参数时的具体使用。...
以下是一个简单的 `showModalDialog` 使用示例: **parent.html** ```html function setname(res) { document.getElementById("name").value = res; } function selectTp() { // 把父窗口的setname函数传递给子...
在网页开发中,`showModalDialog` 是一个老式的JavaScript函数,它允许创建一个模态对话框,用户必须与该对话框交互后才能继续与主窗口进行交互。然而,随着浏览器的发展,特别是谷歌浏览器(Chrome)对Web标准的...
在本文中,我们将探讨如何使用Div元素和JavaScript来模拟`showModalDialog`函数的效果,实现一个简单的模式菜单。 首先,我们来看第一步:创建一个浮动层Div。这个Div将作为模态对话框的基础,它的默认状态是隐藏的...
在代码中,`openmodel`函数通过调用`window.showModalDialog`来打开一个模态对话框。这个对话框用于用户输入邮寄地址,并将此地址赋值给主页面中的`<input>`元素。需要注意的是,`window.showModalDialog`是Internet...
以下是一个简单的例子,展示了如何使用`showModalDialog`和`showModelessDialog`: - `f.html`是主窗口,包含一个按钮,点击按钮会调用`openDialogBox`函数打开子窗口`c.html`。 - `c.html`是对话框窗口,有一个...
2. **编写主页面代码**:在需要弹出对话框的位置定义一个触发事件(如按钮点击),并在事件处理函数中调用`window.open`或`window.showModalDialog`方法。 3. **处理数据传递**:在对话框页面中定义函数来接收用户...
之后通过 `win.document.writeln()` 向新窗口写入了简单的 HTML 内容,显示了从父窗口传递过来的信息。 ##### 2. 子窗口向父窗口回传数据 为了使子窗口能够向父窗口发送数据,可以进一步扩展上述示例: ```...
2. **示例代码**:以下是一个简单的示例,展示了如何使用`window.showModalDialog()`方法创建一个模式窗口,并从该窗口获取返回值。 **test1.htm** ```html var a = window.showModalDialog("test2.htm")...
在文档中,使用了showModalDialog函数来创建模态对话框: ```javascript showModalDialog('dcontent1.htm'); ``` 或者带上参数以传递值给对话框: ```javascript showModalDialog('dcontent2.htm', ip1.value, '...
例如,当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时,可以通过URL拼接参数来传递数据。但是,这种方式存在一些局限性: 1. **资源浪费**:如果参数不需要变化,每次跳转都会将这些参数发送...
我们经常要在程序的人机交互中用到模态窗口,但在B/S开发中,这一切变得不容易了,虽然也可以用window.showModalDialog函数实现(见http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4...
模态窗口有两种常见的实现方式:`alert()`, `prompt()`, 和 `confirm()` 这些内置函数,以及自定义的模态对话框。这里提到的是自定义模态对话框,通常通过`showModalDialog()`方法实现,该方法可以提供更灵活的界面...