JS 暴力禁止alert弹窗

// 禁止alert弹窗。 防止错误提醒
window.alert = function() {
    return false;
}
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
为了美化js alert弹窗,我们可以使用第三方插件或者自己编写样式来实现。以下是一些常用的方法: 1. SweetAlert2插件:这是一个非常流行的弹窗插件,可以轻松创建漂亮的弹窗效果。它支持多种类型的弹窗,包括警告、错误、成功、信息等等。你可以通过它的官网下载,并按照文档进行配置和使用。 2. 自定义样式:如果你不想使用第三方插件,也可以自己编写css样式,来美化alert弹窗。你可以通过修改弹窗的背景色、字体、边框、阴影等等,来实现你想要的效果。 以下是一个简单的例子,展示如何通过自定义样式来美化alert弹窗: ``` <style> .alert { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); padding: 20px; font-size: 16px; color: #333; } .btn-ok { background-color: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 10px; cursor: pointer; } </style> <script> function myAlert() { var msg = "Hello World!"; var div = document.createElement('div'); div.classList.add('alert'); div.innerHTML = msg; var btn = document.createElement('button'); btn.classList.add('btn-ok'); btn.innerText = 'OK'; btn.onclick = function() { div.parentNode.removeChild(div); } div.appendChild(btn); document.body.appendChild(div); } </script> <button onclick="myAlert()">Click me</button> ``` 上面的代码会在点击按钮时,弹出一个自定义样式的alert弹窗,包含一条信息和一个确认按钮。你可以根据需要修改样式,来实现你想要的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值