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

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【js的alert样式如何更改如背景颜色】，下面是详细的讲解！

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

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;};
}

关于js的alert样式如何更改如背景颜色的用户互动如下：

　　相关问题：求神帮帮我JS里的ALERT提示信息样式怎么修改？有代...

　　答： - http://www.never-online.net // ALERTblog.never-online.net - O K - >>详细

　　相关问题：JS alert怎么控制样式

　　答：目前主流浏览器 都不能控制 基本都是根据浏览器设计时确定的 无法更改 >>详细

　　相关问题：JS怎么改变背景颜色

　　答：JS改变背景颜色，第一先找到对象，然后在改变对象的背景颜色，给对象一个ID，或NAME值 var obj = document.getElementById('对象ID');obj.style.backgroundColor = "这是需要改变的背景颜色值"; >>详细