用Javascript做对话框

原创 2006年05月18日 10:25:00
 Javascript有许多内建的方法来产生对话框,如:window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如:

    showModalDialog() (IE 4+ 支持)
 showModelessDialog() (IE 5+ 支持)

    window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。

    window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

    当我们用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时, 打开对话框的窗口仍可以进行其他的操作,即对话框不总是最上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。

使用方法如下:
    vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
    vReturnValue = window.showModelessDialog(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。

JS对话框框架

基本的对话框窗口是一个定位于视区中的覆盖层,同时通过一个 iframe 与页面内容分隔开(就像 select 元素)。它由一个标题栏和一个内容区域组成,且可以移动,调整尺寸,默认可通过 'x' 图标关...
  • byxdaz
  • byxdaz
  • 2017年03月03日 23:43
  • 1205

JavaScript 简单对话框的使用(提交,确认,输入对话框)

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    显示对话框   ...
  • vancekq
  • vancekq
  • 2010年03月03日 20:54
  • 2619

JavaScript之消息对话框

JavaScript弹起对话框的形式有以下三种: 1.只是提醒,不能对脚本产生任何改变; 2.一般用于确认,返回true或者false,所以可以用于if...else...判断; 3.一个带输入的对话...
  • aaaa99996666
  • aaaa99996666
  • 2017年01月12日 17:33
  • 170

用MFC做漂亮界面之美化对话框

在windows开发当中做界面的主要技术之一就是使用MFC,通常我们看到的QQ,360,暴风影音这些漂亮的界面都可以用MFC来实现。今天我们来说一下如何用MFC美化对话框,默认情况下,对话框的背景如下...
  • u011711997
  • u011711997
  • 2016年09月13日 15:37
  • 10041

基于html5的canvas用javascript写柱状图

使用html5的canvas元素实现柱状图,可以实现横向、纵向、单色、多色的柱状图。...
  • Jjwxyz
  • Jjwxyz
  • 2016年07月02日 16:01
  • 280

Javascript中打开文件对话框

       笔者在做一个项目中需要这样一个功能:在网页上按下一个按钮,然后打开一个“另存为”的对话框。       原来用VC做过这样的功能,在网页上实现还是头一回。上google、csdn和msd...
  • tan_jianhui
  • tan_jianhui
  • 2006年06月30日 11:27
  • 6637

javascript可以做图形界面吗?

爱尔兰的天空(ai & love),wordpress,情侣主题,情侣博客,wordpress主题,wordpress博客 http://yangxiaozhao.sinaapp.com/ POPM...
  • u012532350
  • u012532350
  • 2013年11月22日 10:58
  • 593

用Swing作一个日历控制程序

日期是最基本的数据形式之一,因此很多语言或者数据库都提供了对日期的支持,或内置或提供这一类的库。Java也不例外;Java的应用编程接口提供了以跨平台独立语言的方式描述,计算,对比,显示以及便携式分析...
  • njchenyi
  • njchenyi
  • 2005年04月04日 21:25
  • 1534

用javascript实现简单计算器

这是一个简单计算器的实现。可以实现简单的加,减,乘,除功能,用户按下“←”按钮,删除当前算术表达式最后一个字符,并更新显示,用户按下“CE”按钮,清除当前算术表达式,如果算术表达式非法,弹出警告框提醒...
  • XHF901
  • XHF901
  • 2016年12月09日 15:49
  • 365

JavaScript实现一个简易的计算器

JavaScript实现简易计算器的具体思路
  • sinat_27088253
  • sinat_27088253
  • 2016年07月18日 10:46
  • 2396
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用Javascript做对话框
举报原因:
原因补充:

(最多只允许输入30个字)