`
icyheart
  • 浏览: 779462 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

showModalDialog使用讲解

    博客分类:
  • J2EE
阅读更多

基本介绍:
         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>

分享到:
评论

相关推荐

    showModalDialog技术文章

    1. **API语法**:讲解`showModalDialog`的基本用法,包括它的参数,如对话框的URL、初始参数和对话框样式选项。 2. **返回值**:讨论`showModalDialog`函数的返回值,它通常包含用户在对话框中输入的信息或对话框的...

    showModalDialog刷新窗口的例子

    本篇文章将深入探讨`showModalDialog`如何用于刷新窗口,并通过例子进行详细讲解。 `showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, features); ``` - `url`:这是...

    showModalDialog和open方法demo实例

    在`DialogDemo`这个实例中,可能包含了使用`showModalDialog`方法创建对话框的代码和相关HTML、CSS和JavaScript文件,供开发者学习和参考。通过查看和运行这些示例,你可以更好地理解这两个方法的用法和效果。在实际...

    js showModalDialog 弹出对话框的简单实例(子窗体)

    本文将详细讲解如何通过JavaScript中的showModalDialog方法来创建一个简单的弹出对话框示例,其中还将展示子窗体的使用。 首先,需要了解的是,showModalDialog是一个非常有用的JavaScript函数,主要用于在Web页面...

    使用gwt实现的一个模式框

    本文将深入探讨如何使用GWT实现一个模式框,并基于描述和标签,重点讲解GWT的ShowModalDialog功能及其应用。 GWT是一个开放源代码的Java SDK,它允许开发者使用Java语言编写客户端的Web应用,然后编译成优化过的...

    给页面加速,干掉Dom Level 0 Event

    压缩包中的`event.html`文件可能是该博客文章的HTML版本,打开后可以查看作者的具体讲解和示例代码。 总的来说,优化网页性能,特别是对于DOM操作,是前端开发中的重要任务。从DOM Level 0 Event过渡到DOM Level 2 ...

    WSH and VBScript - Advanced Windows Script Host Developers Guide (2003)

    - **使用 showModalDialog 创建对话框**:详细介绍了如何使用 showModalDialog 方法来创建模态对话框。 - **利用 Internet Explorer 构建对话框**:进一步探讨了如何利用 Internet Explorer 的功能来构建更加复杂的...

    弹出网页窗口设计全攻略

    例如,以下代码展示了如何使用`showModalDialog()`打开一个400x300像素大小的对话框,并设定其位置: ```html &lt;!-- showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight...

    javascript 实用资料整理

    8. **弹出对话框**:`js操作showModalDialog.txt`可能介绍了`showModalDialog()`方法,这是一个用于打开模态对话框的函数,允许用户与对话框交互而不影响背景页面。 这些资料对于深入理解JavaScript的基础知识和...

    Asp.Net从零开始9(控制弹出新窗体 )

    在.NET Framework 4.0及更高版本中,推荐使用`window.showModalDialog()`,因为`showModelessDialog()`已经被废弃。 ##### 3.2 实现方式 在ASP.NET中,可以通过以下代码片段来控制弹出新窗体: ```csharp ...

    子窗体与父窗体传值示例js代码

    本文将详细讲解如何使用JavaScript实现子窗体向父窗体传递值,并提供相关的示例代码。 首先,我们需要理解两个概念:子窗体(Child Window)和父窗体(Parent Window)。子窗体通常是由父窗体通过`window.open()`或...

    easyui导出excel无法弹出下载框的快速解决方法

    2. 使用`window.showModalDialog`: 这个方法原本可以创建一个模态对话框来加载新页面,然而在某些浏览器中,它可能只会显示一个空白窗口而不会触发下载。这可能是因为`showModalDialog`不支持直接下载。 3. 使用`...

    NET 弹出页面窗口选择返回值

    为了实现这一功能,通常使用JavaScript中的window.showModalDialog方法来弹出模态对话框。这个方法允许我们创建一个带有自定义尺寸、样式和其他选项的模态窗口。用户在该窗口中完成操作后,可以通过设置window....

    Javascript弹窗代码大全收集.docx

    本文主要讲解如何使用JavaScript实现各种类型的弹窗,包括强制弹窗、IP弹窗、延时弹窗和退弹等,并提供相关的代码示例。 1. 强制弹窗: 强制弹窗是指即使用户安装了广告拦截插件,也能成功弹出的窗口。这是因为强制...

    asp.net 弹出对话框返回多个值

    主页面`Default.aspx`使用JavaScript的`showModalDialog`函数打开对话框,并传递参数。在本例中,传递的是两个文本框ID(中文和英文姓名)。代码中的JavaScript函数`ShowDialog`负责此操作。当用户在`GridView.aspx...

    《Windows对象》PPT课件.ppt

    《Windows对象》PPT课件主要讲解了与Web开发相关的DOM编程,特别是关于window对象的使用。DOM(Document Object Model)是W3C组织制定的一个标准,它为HTML和XML文档提供了一个结构化的表示,允许程序员和脚本通过...

    弹出框的实现方式

    - **JavaScript函数**:定义了一个名为 `openDialog` 的函数,该函数使用 `window.showModalDialog` 方法打开 `b.aspx` 页面,并设置了一些弹出框的属性,如宽度、高度等。 - **按钮事件处理**:当用户点击按钮时,...

    JavaScript实现弹出子窗口并传值给父窗口

    本文将深入讲解如何利用JavaScript实现弹出子窗口,并将子窗口中的数据传递回父窗口。 首先,我们来看父窗口的代码。在给定的`First.html`文件中,我们定义了一个名为`ShowDialog`的JavaScript函数,用于打开一个...

    javascript 学习资料之精华

    描述部分进一步明确了资料的内容非常丰富,不仅有理论知识讲解,还有大量实践案例供读者学习和参考。无论是初学者还是有一定基础的学习者都能从中获益。 ### 部分内容分析 #### 基本语法与内置函数 1. **循环语句...

Global site tag (gtag.js) - Google Analytics