JS中showModalDialog详细使用
基本介绍:
showModalDialog()(IE4+支持)
showModelessDialog()(IE5+支持)
window.showModalDialog()方法用来创建一个显示
HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HT
ML内容的非模态对话框。
使用方法:
vReturnValue=window.showModalDialog(sURL
,vArguments
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}:是否可被改变大小。
默认no。
8.status:{yes|no|1|0}:是否显示状态栏。默
认为yes或no。
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
modal.htm
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
modal.htm
常见技巧:
一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口?
在被打开的网页里加上就可以了。这句话一般是放在
之间的。
二、怎样才刷新showModalDialog和showModelessDialog里的内容?
在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能弹出菜
单。这个只能依靠
javascript了,以下是相关代码·:
reload...
将filename.htm替换成网页的名字然后将它放到你打开的网页里,按F5就可以刷新了,
注意,这个要
配合使用,不然你按下F5会弹出新窗口的。
三、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
也要配合,不然会打开一个新的IE 窗口,然后再关掉的。
四、Math.random 与showModalDialog。
当你设置的弹出网页固定时(如上面的"modal.htm"页面),ie 很可能到临时文件区,下
载上次产生的该页面(openPage.html),而没有重新加载,
对于动态加载的页面来说,这样往往产生误会,如没有及时更新数据,也就更不利于开发者
测试。所以,你可以采用如下方式:
var strPage = “/medal.htm?random="+Math.random();
这样每次产生的strPage 是不一样的,原因也就不言自明了。
Java 中JOptionPane 的应用
Java 中提供了JOptionPane 类来实现类似Windows 平台下的MessageBox 的功
能,同样在Java 中也有,利用 JOptionPane 类中的各个static 方法来生成各种
标准的对话框,实现显示出信息、提出问题、警告、用户输入参数等功能。这
些对话框都是模式对话框。
ConfirmDialog --- 确认对话框,提出问题,然后由用户自己来确认(按
"Yes"或"No"按钮)
InputDialog --- 提示输入文本
MessageDialog --- 显示信息
OptionDialog -- 组合其它三个对话框类型。
这四个对话框可以采用showXXXDialog()来显示,如showConfirmDialog()
显示确认对话框、 showInputDialog()显示输入文本对话框、showMessageDialog()
显示信息对话框、showOptionDialog() 显示选择性的对话框。它们所使用的参
数说明如下:
① ParentComponent:指示对话框的父窗口对象,一般为当前窗口。也可
以为null 即采用缺省的Frame 作为父窗口,此时对话框将设置在屏幕的正中。
② message:指示要在对话框内显示的描述性的文字
③ String title:标题条文字串。
④ Component:在对话框内要显示的组件(如按钮)
⑤ Icon:在对话框内要显示的图标
⑥ messageType:一般可以为如下的值ERROR_MESSAGE、
INFORMATION_MESSAGE、WARNING_MESSAGE、
QUESTION_MESSAGE、PLAIN_MESSAGE、
⑦ optionType:它决定在对话框的底部所要显示的按钮选项。一般可以为
DEFAULT_OPTION、YES_NO_OPTION、YES_NO_CANCEL_OPTION、
OK_CANCEL_OPTION。
使用实例:
(1) 显示MessageDialog
JOptionPane.showMessageDialog(null, "在对话框内显示的描述性的文字", "标
题条文字串", JOptionPane.ERROR_MESSAGE);
(2) 显示ConfirmDialog
JOptionPane.showConfirmDialog(null, "choose one", "choose one",
JOptionPane.YES_NO_OPTION);
(3) 显示OptionDialog:该种对话框可以由用户自己来设置各个按钮的个数
并返回用户点击各个按钮的序号(从0 开始计数)
Object options = {"确定","取消","帮助"};
int response=JOptionPane.showOptionDialog(this, "这是个选项对话框,用户可
以选择自己的按钮的个数", "选项对话框标题",JOptionPane.YES_OPTION,
JOptionPane.QUESTION_MESSAGE, null, options, options);
if(response==0)
this.setTitle("您按下了第OK 按钮 ");
else if(response==1)
this.setTitle("您按下了第Cancel 按钮 ");
else if(response==2)
this.setTitle("您按下了第Help 按钮 ");
(4) 显示InputDialog 以便让用户进行输入
String inputValue = JOptionPane.showInputDialog("Please input a value");
(5) 显示InputDialog 以便让用户进行选择地输入
Object possibleValues = { "First", "Second", "Third" }; //用户的选择项目
Object selectedValue = JOptionPane.showInputDialog(null, "Choose one",
"Input",JOptionPane.INFORMATION_MESSAGE, null, possibleValues,
possibleValues);
setTitle("您按下了"+(String)selectedValue+"项目");