怎么修改js alert弹框样式

发布网友发布时间：2022-04-24 08:14

我来回答

共5个回答

热心网友时间：2022-05-05 23:21

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

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

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

代码如下

window.alert.prototype = function(msg){
//some code here ,怎么改都行
alert('消息:'+msg);
};

热心网友时间：2022-05-06 00:39

那个改不了。只能覆盖window.alert这个方法。
比如：你先去找个弹出框的插件。（推荐一个：layer）
拿这个layer来举例子：
提示消息的方法是：layer.msg
然后你可以用这个方法来覆盖alert。
window.alert=layer.msg
然后你再是使用alert的时候就会调用layer.msg了。

热心网友时间：2022-05-06 02:14

不能修改alert弹出框的样式。
这是因为alert调用的是浏览器组件，而不是常规的html组件。目前没有浏览器开放组件修改的接口。
不同的浏览器有着不同的alert弹出框。
要想使用外观好的弹出框，可以使用html书写自己的弹出框。
当然也可以使用开源库，我推荐使用swal开源项目，这个项目在github上面可以找到，引用方式很简单，代用方式也和alert相差无几。

热心网友时间：2022-05-06 04:05

方法：覆盖window.alert函数，或者直接通过alert的原型来覆盖；

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

代码如下

window.alert.prototype = function(msg){
//some code here ,怎么改都行
alert('消息:'+msg);
};

热心网友时间：2022-05-06 06:13

alert是javascript内置的函数，样式是写好的，不能修改，可以用document.write，当然也可以用jquery，当然也可以自己修改js的内置，不过那就需要相当厉害了，