使用javascript打开模态对话框

使用javascript打开模态对话框2011-01-27 博客园陈希章1. 标准的方法

<script type="text/javascript">
function openWin（src, width, height, showScroll）{
window.showModalDialog  （src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scroll:"+showScroll+";"）;
}
</script>

例：<span style="CURSOR: pointer" onclick="openWin

（’http://www.deepteach.com’, ’500px’, ’400px’, ’no’）">点击</span>

2. 要注意的是，Firefox并不支持该功能，它支持的语法是

window.open
（’openwin.html’,"newWin’, "modal=yes, width=200,height=200,resizable=no, scrollbars=no’ ）;

3. 如何自动判断浏览器

<input type="button" value="打开对话框" onclick="showDialog（"#"）"/>
<SCRIPT   LANGUAGE="JavaScript">
<！--
function   showDialog（url）
{
if（   document.all   ） //IE
{
feature="dialogWidth:300px;dialogHeight:200px;status:no;help:no";
window.showModalDialog（url,null,feature）;
}
else
{
//modelessDialog可以将modal换成dialog=yes
feature ="width=300,height=200,menubar=no,toolbar=no,location=no,";
feature+="scrollbars=no,status=no,modal=yes";
window.open（url,null,feature）;
}
}
//-->
</SCRIPT>

4. 在IE中，模态对话框会隐藏地址栏，而在其他浏览器则不一定

【注意】在谷歌浏览器中，这个模态的效果也会失效。