html+修改alert样式,JavaScript修改alert样式的方法介绍

我们在之前的文章中给大家介绍了JavaScript中alert()的使用详解，我们都知道JavaScript中alert()弹出消息对话框，并且alert消息对话框通常用于一些对用户的提示信息，他的样式一直是默认的，那么我能不能修改他的样式呢，今天就带大家学习下JavaScript修改alert样式的方法介绍！

JavaScript修改alert样式的方法介绍

window.alert = function(txt)

{

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 = "#333";

shield.style.textAlign = "center";

shield.style.zIndex = "10000";

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 = "#ccc";

alertFram.style.textAlign = "center";

alertFram.style.lineHeight = "150px";

alertFram.style.zIndex = "10001";

strHtml = "

• ";

strHtml += "

[系统提示] ";

strHtml += "

"+txt+" ";

strHtml += "

";

strHtml += "

";

alertFram.innerHTML = strHtml;

document.body.appendChild(alertFram);

document.body.appendChild(shield);

var c = 0;

this.doAlpha = function(){

if (c++ > 20){clearInterval(ad);return 0;}

shield.style.filter = "alpha(opacity="+c+");";

}

var ad = setInterval("doAlpha()",5);

this.doOk = function(){

alertFram.style.display = "none";

shield.style.display = "none";

}

alertFram.focus();

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

}

总结：

通过对本文学习和了解，我们可以看出JavaScript中的alert()的样式可以修改，小伙伴么如果在工作遇到的话，可以借鉴本文，希望对你有所帮助！

相关推荐:

JavaScript中alert()的使用说明

JavaScript中的alert()函数弹出、测试技巧、发出警示用法详解

javascript中alert()与console.log()的区别