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 相关文章推荐
浅析JavaScript中的typeof运算符
Nov 30 Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 Javascript
jquery图片切换插件
Mar 16 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
在vue中把含有html标签转为html渲染页面的实例
Oct 28 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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
Postman模拟发送带token的请求方法
2018/03/31 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
Python作用域用法实例详解
2016/03/15 Python
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
自荐信怎么写呢?
2013/12/09 职场文书
年会搞笑主持词
2014/03/27 职场文书
离婚协议书该怎么写
2014/10/04 职场文书
小学生成绩单评语
2014/12/31 职场文书
世界红十字日活动总结
2015/02/10 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
环保建议书范文
2015/09/14 职场文书
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
js 数组 fill() 填充方法
2021/11/02 Javascript