javascript中alert函数的替代方案，一个自定义的对话框的方法

核心提示： 如上所示，这里通过检测agent头来判断不同的浏览器，javascript中alert函数的替代方案，一个自定义的对话框的方法(3)，这是一个比较简单的判断方法，下面开始构造我们的对话框，我们使用IE自带的滤镜功能，而对于其他浏览器，在构造对话框前，我们先要制造一种模态窗体的效果（就是当对话框弹

如上所示，这里通过检测agent头来判断不同的浏览器，这是一个比较简单的判断方法。

下面开始构造我们的对话框，在构造对话框前，我们先要制造一种模态窗体的效果（就是当对话框弹出来的时候，用户不能操作页面上的其余内容），这里我们就用一个黑色的透明层来完成这样的效果。

　1　document.body.style.overflowY　=　"hidden";
　2　document.body.style.overflowX　=　"hidden";
　3　var　divBackground　=　document.createElement("div");
　4　divBackground.style.position　=　"absolute";
　5　divBackground.style.left　=　"0px";
　6　divBackground.style.top　=　document.body.scrollTop　+　　"px";
　7　divBackground.style.width　=　"100%";
　8　divBackground.style.height　=　"100%";
　9　if　(springweb_typeIsChrome　||　springweb_typeIsFireFox)　{
10　　　　　divBackground.style.backgroundColor　=　"rgba(0,0,0,0.7)";
11　}　else　{
12　　　　　divBackground.style.backgroundColor　=　"#000000";　　　　
13　　　　　divBackground.style.filter　=　"alpha(opacity=70)";
14　}
15　divBackground.style.zIndex　=　"99";
16　document.body.appendChild(divBackground);

上面的代码，我们首先将浏览器的滚动条禁止，以防止用户在弹出对话框的时候滚动浏览器窗口，接下来设定相应的样式，一个比较重要的就是 8-13行，这里根据浏览器的类型来应用不同的CSS样式来达到透明的效果，对于IE浏览器，我们使用IE自带的滤镜功能，而对于其他浏览器，我们使用基于CSS3的rgba方式实现透明效果。