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


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


 

转载于:https://www.cnblogs.com/belaliu/archive/2006/09/25/514709.html

猜你喜欢

转载自blog.csdn.net/weixin_33912246/article/details/93933231