how to use javascript to open modal window?

今天用Firefox测了自己以前的写的部分页面,发现很多地方浏览不正常。
主要原因是Firefox和IE对javascript 的支持不一样。
以使用打开新窗的脚本为例,
IE支持window.showModalDialog, window.showModelessDialog, window.open,
而Firefox只支持window.open.

仔细对比了一下,发现以下特点:
在IE中,
1. window.showModalDialog打开的是真正的模态窗体。
2. window.showModelessDialog打开的不是模态窗体,但始终在opener的前面,focus可以回到opener.
3. window.open正常打开窗体。
在Firefox中,
1. Firefox不能打开真正的模态窗体。
2. 如果window.open的参数中设定了modal=yes,则与IE中window.showModelessDialog类似。
3. 如果window.open的参数中没有设定modal=yes,则与IE中window.open类似。

要使脚本可以在IE和Firefox中都正常运行,
可以按如下方式写:

1 if (window.showModalDialog != null)  // IE
2 {
3     window.showModalDialog(url, '', sFeatures);    
4 }
5 else // firefox 
6 {
7     window.open(url, name, 'modal=yes');
8 }
9 


上述代码可以在IE和Firefox中正常运行,其它浏览器没测过。
不过Netscape早期的版本和Opera似乎都不支持打开模式窗体。
有兴趣可以看看老外写的:http://javascript.about.com/library/blmodal.htm


声明:我只想将自己遇到过的问题作个记录,以便将来有地方可查。
对于引用和参考,我都已尽量注明。
如果本文的内容与你的文章内容相同或相似,纯属巧合,
请邮件告知,我会尽快处理。谢谢你的阅读!


 

posted on 2006-09-25 23:37  bela liu  阅读(2199)  评论(3编辑  收藏  举报

导航