js重写alert事件(避免alert弹框标题出现网址)


Posted in Javascript onDecember 04, 2020

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>

总结

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

Javascript 相关文章推荐
js 静态动态成员 and 信息的封装和隐藏
May 29 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
详解React的回调渲染模式
Sep 10 Javascript
微信小游戏中three.js离屏画布的示例代码
Oct 12 Javascript
Javascript设计模式之原型模式详细
Oct 05 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 #Javascript
js实现复制粘贴的两种方法
Dec 04 #Javascript
echarts浮动显示单位的实现方法示例
Dec 04 #Javascript
JavaScript中条件语句的优化技巧总结
Dec 04 #Javascript
三剑客:offset、client和scroll还傻傻分不清?
Dec 04 #Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 #Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 #Javascript
You might like
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
jQuery实现的无限级下拉菜单功能示例
2016/09/12 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
python paramiko实现ssh远程访问的方法
2013/12/03 Python
Python格式化css文件的方法
2015/03/10 Python
Python类的用法实例浅析
2015/05/27 Python
python中list常用操作实例详解
2015/06/03 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
python django model联合主键的例子
2019/08/06 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
茶叶生产计划书
2014/01/10 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
毕业寄语大全
2014/04/09 职场文书
运动会的口号
2014/06/09 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
升职感谢信
2015/01/22 职场文书
告知书格式
2015/07/01 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
nginx配置虚拟主机的详细步骤
2021/07/21 Servers
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技
spring 项目实现限流方法示例
2022/07/15 Java/Android