js重写alert事件（避免alert弹框标题出现网址）
作者：13460286086 时间：2024-05-08 09:32:43
js代码：
window.alert = function(msg, callback) {
var div = document.createElement("div");
div.innerHTML = "<style type=\"text/css\">"
+ ".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; }"
+ "</style>"
+ "<div id=\"dialogs2\" style=\"display: none\">"
+ "<div class=\"nbaMask\"></div>"
+ "<div class=\"nbaDialog\">"
+ "<div class=\"nbaDialogHd\">"
+ "<strong class=\"nbaDialogTitle\"></strong>"
+ "</div>"
+ "<div class=\"nbaDialogBd\" id=\"dialog_msg2\">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>"
+ "<div class=\"nbaDialogHd\">"
+ "<strong class=\"nbaDialogTitle\"></strong>"
+ "</div>"
+ "<div class=\"nbaDialogFt\">"
+ "<a href=\"javascript:;\" class=\"nbaDialogBtn nbaDialogBtnPrimary\" id=\"dialog_ok2\">确定</a>"
+ "</div></div></div>";
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引用：
<!DOCTYPE html>
<html>
<head>
<title>alert.html</title>
<meta charset="UTF-8">
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css" rel="external nofollow" >-->
</head>
<body>
This is my HTML page.
<br>
<script type="text/javascript" src="alert.js"></script>
<script type="text/javascript">
alert("哈哈哈！！！看，没有标题~_~");
</script>
</body>
</html>
来源：https://blog.csdn.net/u011511210/article/details/54406226
标签：js,重写,alert
0
投稿猜你喜欢
asp使用模板生成静态页面方法详解
2007-09-24 12:29:00
python使用多进程的实例详解
2021-09-03 19:19:44
python中多层嵌套列表的拆分方法
2022-12-31 20:11:32
完全讲解 使用MSCS建立SQL Server集群
2009-01-19 14:10:00
python使用numpy实现直方图反向投影示例
2022-09-18 11:28:55
工作需要写的一个js拖拽组件
2024-04-08 10:53:20
利用OpenCV进行对象跟踪的示例代码
2023-05-28 14:14:54
python playwrigh框架入门安装使用
2023-05-07 23:18:51
PHP register_shutdown_function()函数的使用示例
2023-10-07 08:06:27
用python爬取今日说法每期数据
2022-07-23 05:30:22
echarts学习之legend点击事件解读
2024-05-03 11:10:17
PyCharm 在Windows的有用快捷键详解
2023-04-28 05:05:37
十个Python经典小游戏的代码合集
2021-08-03 12:09:38
交互设计师的尴尬-我的强项是什么？
2008-12-29 14:00:00
详解ASP.NET Core中间件Middleware
2024-05-09 09:05:15
在函数间不能传递32个以上参数的疑难问题
2008-12-31 13:31:00
MySQL 视图 第1349号错误解决方法
2024-01-18 14:45:41
如何更改Linux(CentOS)系统下的MySQL数据库目录位置
2024-01-24 15:07:00
如何优雅安全的备份MySQL数据
2024-01-28 01:07:31
MYSQL数据库表设计与优化(二)
2010-10-25 20:12:00