基本介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
使用方法:
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。
参数传递:
1. 要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="icyheart";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
-------------------------------
2. 可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://icyheart.iteye.com/";
</script>
分享到:
相关推荐
1. **API语法**:讲解`showModalDialog`的基本用法,包括它的参数,如对话框的URL、初始参数和对话框样式选项。 2. **返回值**:讨论`showModalDialog`函数的返回值,它通常包含用户在对话框中输入的信息或对话框的...
本篇文章将深入探讨`showModalDialog`如何用于刷新窗口,并通过例子进行详细讲解。 `showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, features); ``` - `url`:这是...
在`DialogDemo`这个实例中,可能包含了使用`showModalDialog`方法创建对话框的代码和相关HTML、CSS和JavaScript文件,供开发者学习和参考。通过查看和运行这些示例,你可以更好地理解这两个方法的用法和效果。在实际...
本文将详细讲解如何通过JavaScript中的showModalDialog方法来创建一个简单的弹出对话框示例,其中还将展示子窗体的使用。 首先,需要了解的是,showModalDialog是一个非常有用的JavaScript函数,主要用于在Web页面...
本文将深入探讨如何使用GWT实现一个模式框,并基于描述和标签,重点讲解GWT的ShowModalDialog功能及其应用。 GWT是一个开放源代码的Java SDK,它允许开发者使用Java语言编写客户端的Web应用,然后编译成优化过的...
压缩包中的`event.html`文件可能是该博客文章的HTML版本,打开后可以查看作者的具体讲解和示例代码。 总的来说,优化网页性能,特别是对于DOM操作,是前端开发中的重要任务。从DOM Level 0 Event过渡到DOM Level 2 ...
- **使用 showModalDialog 创建对话框**:详细介绍了如何使用 showModalDialog 方法来创建模态对话框。 - **利用 Internet Explorer 构建对话框**:进一步探讨了如何利用 Internet Explorer 的功能来构建更加复杂的...
例如,以下代码展示了如何使用`showModalDialog()`打开一个400x300像素大小的对话框,并设定其位置: ```html <!-- showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight...
8. **弹出对话框**:`js操作showModalDialog.txt`可能介绍了`showModalDialog()`方法,这是一个用于打开模态对话框的函数,允许用户与对话框交互而不影响背景页面。 这些资料对于深入理解JavaScript的基础知识和...
在.NET Framework 4.0及更高版本中,推荐使用`window.showModalDialog()`,因为`showModelessDialog()`已经被废弃。 ##### 3.2 实现方式 在ASP.NET中,可以通过以下代码片段来控制弹出新窗体: ```csharp ...
本文将详细讲解如何使用JavaScript实现子窗体向父窗体传递值,并提供相关的示例代码。 首先,我们需要理解两个概念:子窗体(Child Window)和父窗体(Parent Window)。子窗体通常是由父窗体通过`window.open()`或...
2. 使用`window.showModalDialog`: 这个方法原本可以创建一个模态对话框来加载新页面,然而在某些浏览器中,它可能只会显示一个空白窗口而不会触发下载。这可能是因为`showModalDialog`不支持直接下载。 3. 使用`...
为了实现这一功能,通常使用JavaScript中的window.showModalDialog方法来弹出模态对话框。这个方法允许我们创建一个带有自定义尺寸、样式和其他选项的模态窗口。用户在该窗口中完成操作后,可以通过设置window....
本文主要讲解如何使用JavaScript实现各种类型的弹窗,包括强制弹窗、IP弹窗、延时弹窗和退弹等,并提供相关的代码示例。 1. 强制弹窗: 强制弹窗是指即使用户安装了广告拦截插件,也能成功弹出的窗口。这是因为强制...
主页面`Default.aspx`使用JavaScript的`showModalDialog`函数打开对话框,并传递参数。在本例中,传递的是两个文本框ID(中文和英文姓名)。代码中的JavaScript函数`ShowDialog`负责此操作。当用户在`GridView.aspx...
《Windows对象》PPT课件主要讲解了与Web开发相关的DOM编程,特别是关于window对象的使用。DOM(Document Object Model)是W3C组织制定的一个标准,它为HTML和XML文档提供了一个结构化的表示,允许程序员和脚本通过...
- **JavaScript函数**:定义了一个名为 `openDialog` 的函数,该函数使用 `window.showModalDialog` 方法打开 `b.aspx` 页面,并设置了一些弹出框的属性,如宽度、高度等。 - **按钮事件处理**:当用户点击按钮时,...
本文将深入讲解如何利用JavaScript实现弹出子窗口,并将子窗口中的数据传递回父窗口。 首先,我们来看父窗口的代码。在给定的`First.html`文件中,我们定义了一个名为`ShowDialog`的JavaScript函数,用于打开一个...
描述部分进一步明确了资料的内容非常丰富,不仅有理论知识讲解,还有大量实践案例供读者学习和参考。无论是初学者还是有一定基础的学习者都能从中获益。 ### 部分内容分析 #### 基本语法与内置函数 1. **循环语句...