有关javascript模态窗口的使用

一点思想 — Mon, 26 Nov 2007 06:36:00 GMT

在web页面中需要弹出一些模态窗口，对于如何应用大体做了一下总结。

打开模态窗口

var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'");
//显示dialog窗，result变量为此窗返回值数组

从模态窗口返回值

window.returnValue=”aaa” //返回aaa,可直接从表单里获取数据如document.all.textfield.value;
window.close(); //关闭模态窗口

向模态窗口传值
传递

var args = new array();
args[0]=”a”; //第一个参数为”a”
args[1]=”b”; //第二个参数为”b”
url="a2.htm";
state="dialogWidth:200px;dialogHeight:100px;status:'no'";　　
var result = showModalDialog(url, args,state);

窗口中接收

v1=window.dialogArguments[0];　
v2=window.dialogArguments[1];

模态窗口中的页面提交问题

在模态窗口中，如有提交按钮，点击后会弹出新的页面。解决此问题有两方法
1、在head中，添加
注意：不要在form中再添加target="_self"　否则失效

2、把弹出的窗口页面做成框架网页，去加载要展示的网页

一点思想 2007-11-26 14:36 发表评论

BlogJava-一点思想-文章分类-Java

有关javascript模态窗口的使用