在html标签中写alert,js重写alert事件(避免alert弹框标题出现网址)

js代码:

window.alert = function(msg, callback) {

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

div.innerHTML = "

+ ".nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } "

+ ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; } "

+ ".nbaDialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"

+ ".nbaDialog .nbaDialogHd { padding: .2rem .27rem .08rem .27rem; } "

+ ".nbaDialog .nbaDialogHd .nbaDialogTitle { font-size: 17px; font-weight: 400; } "

+ ".nbaDialog .nbaDialogBd { padding: 0 .27rem; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; } "

+ ".nbaDialog .nbaDialogFt { position: relative; line-height: 48px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; } "

+ ".nbaDialog .nbaDialogFt:after { content: \" \"; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } "

+ ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09BB07; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; } "

+ ".nbaDialog .nbaDialogBtn:after { content: \" \"; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } "

+ ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"

+ ""

+ "

"

+ "

+ "

"

+ "

"

+ ""

+ "

"

+ "

弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内
"

+ "

"

+ ""

+ "

"

+ "

"

+ "确定"

+ "

";

document.body.appendChild(div);

var dialogs2 = document.getElementById("dialogs2");

dialogs2.style.display = 'block';

var dialog_msg2 = document.getElementById("dialog_msg2");

dialog_msg2.innerHTML = msg;

// var dialog_cancel = document.getElementById("dialog_cancel");

// dialog_cancel.onclick = function() {

// dialogs2.style.display = 'none';

// };

var dialog_ok2 = document.getElementById("dialog_ok2");

dialog_ok2.onclick = function() {

dialogs2.style.display = 'none';

callback();

};

};

html引用:

alert.html

This is my HTML page.

alert("哈哈哈!!!看,没有标题~_~");

总结

到此这篇关于js重写alert事件(避免alert弹框标题出现网址)的文章就介绍到这了,更多相关js重写alert事件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值