怎么修改js alert弹框样式

JavaScript011

怎么修改js alert弹框样式,第1张

怎么修改js alert弹框样式方法如下:

覆盖window.alert函数,或者直接通过alert的原型来覆盖;

原理:alert 属于window 的函数,每个函数都有原型对象prototype ,只需要修改window.alert的原型对象即可改变原生alert的样子;

代码如下

window.alert.prototype = function(msg){

//some code here ,怎么改都行

alert('消息:'+msg)

}

百度都是些垃圾回答,我也找了半天,参考这篇文章,亲测可行,简单方便,引入js直接替换页面alert,不需要改原本的代码。

自定义alert样式

alert属于BOM中的window对象的方法,所以我们无法通过改dom文档css来修改样式,但可以直接重写window.alert方法,以此达到目的