`
szjiang
  • 浏览: 12328 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

介绍下showModalDialog(模式对话框)的使用方法

web 
阅读更多

1. 使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

2. 参数说明:
sURL--
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
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。

3. 参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:

js 代码
  1. parent.htm   
  2. <script>   
  3. var obj = new Object();   
  4. obj.name="51js";   
  5. window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");   
  6. </script>  
  7.  
  8. modal.htm   
  9. <script>   
  10. var obj = window.dialogArguments   
  11. alert("您传递的参数为:" + obj.name)   
  12. </script>  

2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:

js 代码
  1. parent.htm   
  2. <script>   
  3. str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");   
  4. alert(str);   
  5. </script>  
  6.   
  7. modal.htm   
  8. <script>   
  9. window.returnValue="http://www.51js.com";   
  10. </script>  

 

4.窗口的关闭:

self.close();

5.让在showModalDialog弹出新窗口里操作button而不弹出新窗口.需要在head中间加

<base target="_self">
js 代码
  1. "_self">  
</base>

 

分享到:
评论

相关推荐

    window.showModalDialog模式对话框和 window.open的区别

    `window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...

    Window.ShowModalDialog使用手册_对话框 .txt

    `Window.ShowModalDialog` 是一个在 Internet Explorer 浏览器中特有的方法,用于创建模态对话框。此方法允许开发者在一个新的窗口中打开一个HTML页面,并且这个新窗口将阻止用户与原始窗口交互,直到关闭为止。此外...

    js 模式窗口(模式对话框和非模式对话框)的使用介绍

    模式对话框:showModalDialog 非模式对话框:showModelessDialog vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vA

    谷歌浏览器不支持showModalDialog模态对话框的解决方法

    在网页开发中,`showModalDialog` 是一个老式的JavaScript函数,它允许创建一个模态对话框,用户必须与该对话框交互后才能继续与主窗口进行交互。然而,随着浏览器的发展,特别是谷歌浏览器(Chrome)对Web标准的...

    JS打开模式对话框

    总的来说,JS打开模式对话框提供了一种在Web应用中与用户交互的方式,通过`showModalDialog()` 和 `showModelessDialog()` 创建对话框,可以定制其外观和行为。然而,由于浏览器兼容性问题,开发者应谨慎使用,并...

    javascript中模式对话框的应用

    介绍了javascript中模式对话框的用法 (showModalDialog)

    模式对话框

    7. **性能考虑**:尽管模式对话框在很多情况下是有用的,但过度使用可能会导致用户体验下降。因此,开发者需要权衡何时使用模式对话框,以及它们对程序整体性能的影响。 在博文链接(由于未提供具体内容,这里仅作...

    Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

    上个礼拜修改测试一个后台管理项目,在测试与各个浏览器兼容性的时候,发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体...

    showModalDialog及dialogArguments使用

    8. **status**: 是否显示状态栏,默认为`yes`(模式对话框为`no`)。 9. **scroll**: 是否显示滚动条,默认为`yes`。 10. **dialogHide**: 在打印预览或打印时是否隐藏对话框,默认为`no`。 11. **edge**: 边框样式...

    sharepoint 2010 弹出模式窗口showModalDialog并返回值returnResult方法.

    在SharePoint 2010开发中,`_spPageContextInfo`对象提供了一种方便的方式来弹出模态对话框,即`showModalDialog`函数。这个功能在处理用户交互、表单填写、确认操作或者展示详细信息时非常实用。本篇文章将详细探讨...

    Chrome中模态对话框showModalDialog返回值问题的解决方法

    尽管`showModalDialog`在某些场景下仍然有用,但由于它的兼容性和标准支持问题,现代Web开发更倾向于使用`modal`对话框(如Bootstrap的模态组件)或者JavaScript库(如jQuery UI的dialog)来替代。这些替代方案提供...

    ShowModalDialog与window.open的区别

    使用方法** ```javascript var returnValue = window.showModalDialog(sURL, vArguments, sFeatures); ``` **3. 参数说明** - **sURL**: 必需参数,指定要显示的文档的URL。 - **vArguments**: 可选参数,传递给...

    ShowModalDialog父窗体向子窗体传值

    在JavaScript中,`showModalDialog`是一个用于打开模态对话框的方法,主要应用于IE浏览器,从版本4开始支持。模态对话框意味着用户必须关闭该对话框才能与父窗口进行交互。相反,`showModelessDialog`则创建一个非...

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    然而,由于浏览器的兼容性和安全性问题,`showModalDialog`在现代Web开发中逐渐被弃用,取而代之的是更灵活的`modal`组件或者`window.open`方法。 在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来...

    解决window.showModalDialog跨域返回值

    在JavaScript中,`window.showModalDialog`是一个古老但仍然有用的函数,用于打开一个模态对话框,用户在对话框中进行交互,直到关闭对话框为止。然而,当涉及到跨域时,`showModalDialog`面临一个问题:它无法正确...

    js弹出模式对话框,并接收回传值的方法

    首先,我们通过使用window.showModalDialog方法来创建模态对话框。这个方法会打开一个新窗口,并将其显示为模态的,这意味着用户必须先与对话框交互,然后才能回到主窗口继续操作。showModalDialog方法中可以指定一...

    javascript的对话框详解与参数

    本文将详细介绍 JavaScript 对话框的分类、参数设置、使用方法和注意事项。 一、对话框的分类 对话框可以分为模式对话框和无模式对话框两种,两者的区别在于对话框被关闭之前用户能否在同一应用程序的其他地方进行...

    showModalDialog打开窗体接收返回值

    在描述中提到的"模式打开窗体",就是指`showModalDialog`创建的对话框具有模态特性,意味着用户必须先关闭该对话框才能继续与父窗口交互,这与非模态对话框(如`window.open`创建的)不同。 返回值`returnValue`是...

Global site tag (gtag.js) - Google Analytics