什么是模态?
一旦弹出模态窗体或对话框,假设用户不正确其进行操作(如点击确定或取消button等),就如法进行其它的操作.
弹出模态窗体的语句:
var testSend = window.showModalDialog('modal.htm','','dialogHeight:150px;dialogWidth:500px;center:no');
window.showModelessDialog(sURL[,vArguments][,sFeatures])
1)sURL 指明模态窗体的URL地址
2)vArguments 传递參数
3)sFeatures 窗体的外观大小等
当中第一个參数必须有,第二三个參数可有可无。
怎样传值?
单击FrontPage.htm(A页面)中的button,弹出模态窗体modal.htm(B页面)。点击modal.htm中的button关闭窗体,并返回值。
A页面js
function test() {
alert("ID:" + window.dialogArguments.id+" ;"+"名字:"+ window.dialogArguments.name);
var message = {
"state": "begin",
"info": "404"
};
window.returnValue = message;
}
B页面js
function test() {
var person = {
"id":"001",
"name":"yangyang"
};
var testSend = window.showModalDialog('modal.htm',person,'dialogHeight:150px;dialogWidth:500px;center:no');
alert("状态:" + testSend.state + " ;" + "信息:" + testSend.info);
}
点击B页面确定button,将A页面的值传过来。
关闭B页面,将B页面的值传到A页面。
參数说明:
window.dialogArguments来取得传递进来的參数。
window.returnValue向打开对话框的窗体返回信息。