alert怎么修改弹窗样式

alert怎么修改弹窗样式

alert是HTML DOM 中用到了一种脚本语言，其主要用法就是在你自己定义了一定的函数以后，通过执行相应的操作，所弹出对话框的语言。并且alert对话框通常用于一些对用户的提示信息。

alert的样式是由浏览器决定的，我们无法更改alert的样式。

不过我们可以使用重写alert的方式来，改变alert的样式。

用下面这一行代码替代alert方法：

window.alert = function() {};

在function(){} 里创建一个div作为alert出来的内容。如下：

window.alert = function(txt){

var div = document.createElement("DIV");

}

给这个alert出来的DIV设置样式，颜色、宽、高、对齐、位置等等：

window.alert = function(txt){

var div = document.createElement("DIV");

shield.style.position = "absolute";

shield.style.background = "#333";

shield.style.textAlign = "center";

shield.style.zIndex = "9999999";

}

设置完成之后，在页面中调用alert，效果如下：