js重写alert事件，避免alert弹框标题出现网址
2024-06-09 18:28:07
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">--></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弹框标题出现网址相关推荐
- html怎么在alert中加标题,js重写alert事件（避免alert弹框标题出现网址）
js代码: window.alert = function(msg, callback) { var div = document.createElement("div"); di ...
- JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前 言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
- 详解队列在前端的应用，深剖JS中的事件循环Eventloop，再了解微任务和宏任务
队列在前端中的应用 一.队列是什么 二.应用场景 三.前端与队列:事件循环与任务队列 1.event loop 2.JS如何执行 3.event loop过程 4. DOM 事件和 event loo ...
- JS的onload事件
之前按照HTML规范在<head>中嵌套<script>,写JS脚本获取HTML元素并做操作,但有时会报错. 原因:报错 <- 元素为null <- 页面未加载完成 ...
- JS中的事件基础知识
本文首发于个人博客:www.wyb.plus JS作为一门事件驱动型的语言,了解与事件有关的知识是十分必要的. JS中与事件有关的概念非常多,本文尽量整理完善. 作者:王雨波 qq:760478684 ...
- JS~重写alter与confirm，让它们变成fancybox风格
插件与系统命令 对于很多JS弹框插件来说,都提供了alter,confirm等功能,如fancybox,Boxy等插件,今天来介绍一下如何将系统的alter和confirm替换成指定插件的alter和 ...
- php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...
- 原生JS javascript解除绑定事件 JS删除绑定事件
原生JS javascript解除绑定事件 JS删除绑定事件 一.直接删除法 1.适用于直接绑定的事件,如: <h1 id="h1" onclick="_click ...
- 前端第七次培训（JS对象和事件）
js内建对象 (1)Number 创建方式: var myNum=new Number(value); var myNum=Number(value); 属性和方法: toString():转成字符串 ...
最新文章
- bzoj2440: [中山市选2011]完全平方数
- 实例浅析epoll的水平触发和边缘触发，以及边缘触发为什么要使用非阻塞IO
- mysql 查询重写_mysql 学习 - 查询重写规则
- Java面试总结（2018 - 12 - 10）
- 【技术好文转载】为什么AI芯片是当今热点
- 安卓入门系列-02创建一个项目
- 用S-函数编写Simulink中的正弦模块
- Comprehensive Python Cheatsheet
- 当数据处理做不到实时，应该怎么办？
- asp.net 独立缓存服务器的研究
- 会声会影编辑html,网页视频制作使用会声会影剪辑
- Oracle,emc,emulex联合测试T10
- 冰雪旅游城长春打造冰雪景观盛宴迎新春
- 2018最新苹果APP上架App Store流程（超详细）
- 创意编程/小学组（4-6年级）-图形化创意
- Innovus基础命令：createPlaceBlockage
- 【Idea】Refactor
- 基于H5+js开发一款音乐播放器
- 如何将SW工程图转换成CAD格式？
- 超级文案撰写技巧之对比写法
热门文章
- 4x root 红米_红米Note 4X root教程_红米Note4X获取root权限的方法
- java ipone 微信昵称emoji表情保存失败 无法存入数据库
- Python+Fiddler5带你爬取6000+高清王者荣耀cosplay图
- 蓝桥杯——瓷砖样式（第八届决赛）
- Hadoop与spark性能比较试验
- OpenCV 图像无法显示 (python)
- Golang 协程顺序打印
- 【安卓学习之常见问题】百度地图卫星地图精度不够
- eclipse不自动弹出提示（alt+/快捷键失效）
- Efficient Dense Frontier Detection for 2D Graph SLAM Based on Occupancy Grid Submaps