js的alert样式如何更改如背景颜色

浏览数：41 / 时间：2015年06月09日

代码如下:

window.alert = function(str) 

{ 

var shield = document.createelement(div); 

shield.id = shield; 

shield.style.position = absolute; 

shield.style.left = 0px; 

shield.style.top = 0px; 

shield.style.width = 100%; 

shield.style.height = document.body.scrollheight+px; 

//弹出对话框时地背景颜色 

shield.style.background = #fff; 

shield.style.textalign = center; 

shield.style.zindex = 25; 

//背景透明 ie有效 

//shield.style.filter = alpha(opacity=0); 

var alertfram = document.createelement(div); 

alertfram.id=alertfram; 

alertfram.style.position = absolute; 

alertfram.style.left = 50%; 

alertfram.style.top = 50%; 

alertfram.style.marginleft = -225px; 

alertfram.style.margintop = -75px; 

alertfram.style.width = 450px; 

alertfram.style.height = 150px; 

alertfram.style.background = #ff0000; 

alertfram.style.textalign = center; 

alertfram.style.lineheight = 150px; 

alertfram.style.zindex = 300; 

strhtml = <ul style=\list-style:none;margin:0px;padding:0px;width:100%\>\n; 

strhtml +=  <li 
style=\background:#dd828d;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px
 solid #f9cade;\>[自定义提示]</li>\n; 

strhtml +=  <li 
style=\background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px
 solid #f9cade;border-right:1px solid #f9cade;\>+str+</li>\n; 

strhtml +=  <li 
style=\background:#fdeef4;text-align:center;font-weight:bold;height:25px;line-height:25px;
 border:1px solid #f9cade;\><input type=\button\ value=\确 定\ 
onclick=\dook()\ /></li>\n; 

strhtml += </ul>\n; 

alertfram.innerhtml = strhtml; 

document.body.appendchild(alertfram); 

document.body.appendchild(shield); 

var ad = setinterval(doalpha(),5); 

this.dook = function(){ 

alertfram.style.display = none; 

shield.style.display = none; 

} 

alertfram.focus(); 

document.body.onselectstart = function(){return false;}; 

}