alert怎么修改弹窗样式

作者：没什么大不了 | 创建时间: 2023-04-26

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

操作方法

用下面这一行代码替代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，效果如下：

alert怎么修改弹窗样式

操作方法

更多推荐