js弹出对话框

js弹出对话框集合

对话框有三种

1:只是提醒,不能对脚本产生任何改变;

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示:

三种弹出对话框的用法实例

对话框有三种

1:只是提醒,不能对脚本产生任何改变;

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示:

演示一:提醒 对话框

演示二 :确认对话框

演示三 :要求用户输入,然后给个结果

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。

还有几个属性是用在HTA中的,在一般的网页中一般不使用。

dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

传入参数:

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

test1.htm

====================

test2.htm

====================

test3.htm

====================

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

test4.htm

===================

test5.htm

===================

常见问题:

1,如何在模态对话框中进行提交而不新开窗口?

如果你 的 浏览器是IE5.5+,可以在对话框中使用带name属性的iframe,提交时可以制定target为该iframe的name。对于IE4+,你可以用高度为0的frame来作:例子,

test6.htm

===================

test7.htm

===================

if(window.location.search) alert(window.location.search)

test8.htm

===================

2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向对话框传递参数吗?

答案是不能。但在frame里是可以的。

415492354(谁染枫林醉) 10:23:02

应用背景:

需要打开一个子窗体,将需要修改的数据传到子窗体,然后将子窗体中修改过的数据,传回父窗体。(父窗体不能被刷新)

例如:父窗体只供用户查看,子窗体用于修改。

方法:

父窗体:

dim xxx '返回值

dim yyy '传到子窗体的参数

var xxx = ShowModalDialog('xxx.asp','yyy','dialogWidth:100px;DialogHeight=290px;status:no')

子窗体:

dim yyy '从父窗体传来的参数

dim xxx '传回父窗体的参数

yyy = window.dialogArguments

xxx = window.returnValue

js弹出对话框集合

对话框有三种

1:只是提醒,不能对脚本产生任何改变;

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示:

三种弹出对话框的用法实例

对话框有三种

1:只是提醒,不能对脚本产生任何改变;

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示:

演示一:提醒 对话框

演示二 :确认对话框

演示三 :要求用户输入,然后给个结果

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。

还有几个属性是用在HTA中的,在一般的网页中一般不使用。

dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

传入参数:

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

test1.htm

====================

test2.htm

====================

test3.htm

====================

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

test4.htm

===================

test5.htm

===================

常见问题:

1,如何在模态对话框中进行提交而不新开窗口?

如果你 的 浏览器是IE5.5+,可以在对话框中使用带name属性的iframe,提交时可以制定target为该iframe的name。对于IE4+,你可以用高度为0的frame来作:例子,

test6.htm

===================

test7.htm

===================

if(window.location.search) alert(window.location.search)

test8.htm

===================

2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向对话框传递参数吗?

答案是不能。但在frame里是可以的。

415492354(谁染枫林醉) 10:23:02

应用背景:

需要打开一个子窗体,将需要修改的数据传到子窗体,然后将子窗体中修改过的数据,传回父窗体。(父窗体不能被刷新)

例如:父窗体只供用户查看,子窗体用于修改。

方法:

父窗体:

dim xxx '返回值

dim yyy '传到子窗体的参数

var xxx = ShowModalDialog('xxx.asp','yyy','dialogWidth:100px;DialogHeight=290px;status:no')

子窗体:

dim yyy '从父窗体传来的参数

dim xxx '传回父窗体的参数

yyy = window.dialogArguments

xxx = window.returnValue


相关内容

  • 2015史上最全的Photoshop快捷键使用方法
  • 2015史上最全的Photoshop 快捷键使用方法 初学Photoshop 的新手们,快捷键的使用会关系到作图的快慢,所以,小编为大家搜集整理了一些资料大全,希望对大家有所帮助! 一.工具箱(多种工具共用一个快捷键的可同时按[Shift ]加此快捷键选取) 矩形.椭圆选框工具 [M ] 移动工具 ...

  • 有限元入门必备
  • 有限元快速入门 本人认为对于初学者来说,难以入门就是一些概念弄的太他妈的专业,一些术语不容易理解,特此总结. 本人总结十分精湛,认真看,绝对可以透彻理解!!! 1.单元的概念,即将原整体结构进行"分段",以划分出较小的"构件"(component),每一个&q ...

  • PPT快捷键
  • 1. PPT快捷键大全之文字编辑  Ctrl+T:小写或大写之间更改字符格式  Shift+F3:更改字母大小写  Ctrl+B:应用粗体格式  Ctrl+U:应用下划线  Ctrl+l:应用斜体格式  Ctrl+等号:应用下标格式(自动调整间距)  Ctrl+Shift+加号:应用上 ...

  • 有限元分析设计论文
  • 一.问题描述. 图4-4所示为一直齿圆柱齿轮,图4-5为其1/2纵截面的结构示意图,试对该齿轮进行模态分析. 齿轮材料参数:弹性模量E=220GPa:泊松比=0.3:密度 =7800kg/m3 图4-4 直齿圆柱齿轮结构示意图 图4-5 齿轮1/2纵截面结构示意图 二.单元类型的选择与设定(说明理由 ...

  • 办公软件ppt快捷键设置和使用方法(比较全)
  •  PPT快捷键大全之编辑快捷键 Ctrl+T:小写或大写之间更改字符格式 Shift+F3:更改字母大小写 Ctrl+B:应用粗体格式 Ctrl+U:应用下划线 Ctrl+l:应用斜体格式 Ctrl+等号:应用下标格式(自动调整间距) Ctrl+Shift+加号:应用上标格式(自动调整间距) Ct ...

  • ansys大坝受力分析
  • ansys水坝坝体受力分析 图3-1 水坝截面  操作步骤 1. 清除内存,准备分析 1) 清除内存,开始一个新的分析,选择菜单路径Utility Menu>File>Clear & Start New 弹出Clears database and Start New对话框,采用 ...

  • Qt4中的模态与非模态对话框用法总结
  • Qt4中的模态与非模态对话框用法总结 http://blog.csdn.net/qter_wd007/article/details/5358049 分类: 零基础学Qt 4编程2010-03-08 21:57 469人阅读 评论(1) 收藏 举报 模态对话框(Modal Dialog)与非模态对话 ...

  • 会计电算化实训报告1
  • 实训报告 一.实训目的 掌握系统管理的启用和系统的注册:掌握角色,用户和权限的设置:掌握帐套建立的操作过程.掌握基础信息和基础档案设置.掌握帐套的修改,输出和引入方法. 掌握账务处理系统的系统初始化设置,日常账务处理,出纳管理,账簿管理及相关的账务期末处理操作方法及相关的操作过程. 掌握UFO报表系 ...

  • 工字钢-ANSYS实例分析72道(含结果)
  • 2.3 工字钢-ANSYS 实例分析 (三维实体结构) 介绍三维实体结构的有限元分析. 一.问题描述 图1所示为一工字钢梁,两端均为固定端,其截面尺寸为 l =1.0m , a =0.16m , b =0.2m , c =0.02m , d =0.02m .试建立该工字钢梁的三维实体模型,并在考虑重 ...