原理:利用window.showModalDialog()方法
创建一个静态页面:例如info.htm
代码:
<html>
<head>
<title>删除确认</title>
<script language="javascript">
function getValue(str)
{
window.returnValue=str;
window.close();}
</script>
</head>
<body>
<TABLE id="Table1" height="80" cellSpacing="0" cellPadding="0" width="340" align="center"
border="1" borderColor="#709CD2">
<TR>
<TD bgcolor="#709CD2"><FONT face="宋体" color="#ffffff">删除确认</FONT></TD>
<td bgcolor="#709CD2" align="right"><img src="images/dialogclose.gif"></td>
</TR>
<TR>
<TD colspan="2"><FONT face="宋体">您确实要删除吗,删除后不可恢复!</FONT></TD>
</TR>
<TR>
<TD align="center"><FONT face="宋体"><INPUT id="btnYes" type="button" value="确 定" name="btnYes" onclick="getValue('1');"></FONT></TD>
<TD align="center"><FONT face="宋体"><INPUT id="btnNo" type="button" value="取 消" name="btnNo" onclick="getValue('0');"></FONT</TD>
</TR>
</TABLE>
</body>
</html>
在主页面创建一个js方法:
<script type="text/javascript">
function del()
{
var returnvalue=window.showModalDialog("info.htm","info","dialogWidth=348px;dialogHeight=130px;help=no;status=no;scroll=no");
if(returnvalue == "1")
{return true;}
else
{return false;}
}
</script>
在按钮的单击事件中添加:
onclick="if(del() == false) return;"
当然弹出页面可以美化,看起来更舒服。