使用javascript打开模态对话框

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中，模态对话框会隐藏地址栏，而在其他浏览器则不一定

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