js代码

/*重写alert方法*/window.alert = function(str){var alertFram = document.createElement("DIV");alertFram.id="alertFram";alertFram.style.position = "fixed";alertFram.style.width = "100%";alertFram.style.height = "100%";alertFram.style.top = "0";alertFram.style.textAlign = "center";alertFram.style.lineHeight = "150px";alertFram.style.zIndex = "300";alertFram.style.backgroundColor="rgba(0, 0, 0, 0.58)";alertFram.style.fontSize="12px";strHtml = '<ul class="alert_ul">';strHtml += '<li class="alert_content">'+str+'</li>';strHtml += '<li class="alert_btn-wrap"><a type="button" value="确定" οnclick="doOk()" class="alert_btn">确定</a></li>';strHtml += '</ul>';alertFram.innerHTML = strHtml;document.body.appendChild(alertFram);this.doOk = function(){alertFram.style.display = "none";}}

  css渲染

.alert_ul{list-style:none;margin:0px;padding:0px;width:70%;margin: auto;margin-top: 53%;}
.alert_title{background:#F2F2F2;text-align:left;padding-left:20px;line-height:60px;border:1px solid #999;}
.alert_content{background:#fff;text-align:center;height:80px;line-height:80px;}
.alert_btn-wrap{background:#fff;text-align:center;height:30px;line-height:18px;}
.alert_btn{cursor:pointer;color:#2bd00f;}

使用方法:

  加入css和js,直接编写;

alert("推荐失败,请重新操作。");

  

/*重写alert方法*/ window.alert = function(str){        var alertFram = document.createElement("DIV");    alertFram.id="alertFram";    alertFram.style.position = "fixed";    alertFram.style.width = "100%";    alertFram.style.height = "100%";    alertFram.style.top = "0";    alertFram.style.textAlign = "center";    alertFram.style.lineHeight = "150px";    alertFram.style.zIndex = "300";    alertFram.style.backgroundColor="rgba(0, 0, 0, 0.58)";    alertFram.style.fontSize="12px";    strHtml = '<ul class="alert_ul">';    strHtml += '<li class="alert_content">'+str+'</li>';    strHtml += '<li class="alert_btn-wrap"><a type="button" value="确定" οnclick="doOk()" class="alert_btn">确定</a></li>';    strHtml += '</ul>';    alertFram.innerHTML = strHtml;    document.body.appendChild(alertFram);    this.doOk = function(){        alertFram.style.display = "none";    }}

转载于:https://www.cnblogs.com/important/p/7656876.html

手机重写alert方法(去除网址和关闭网页按钮)相关推荐

  1. JS中去除手机端的alert弹框中的关闭网页功能

    问题没有得到完全的解决,仅能解决刷新的第一次点击无关闭网页 去除关闭网页 具体代码如下 var wAlert = window.alert;window.alert = function (messa ...

  2. JS重写Alert方法

    var _alert =window.alert; window.alert = function(){ console.log(arguments); _alert(arguments); }

  3. 经典重写alert方法

    <script> //改写alert window.alert = function(txt) {var shield = document.createElement("DIV ...

  4. 踩坑:重写了alert方法,在点击事件中调用苹果手机不兼容

    今天公司同事找我,说出现了一个奇怪的bug: 浏览器:微信浏览器7.0 问题描述:给div添加一个简单的点击事件,弹出一个提示的alert,这个在大部分手机没问题,可是在部分苹果手机(iphone6s ...

  5. 百度糯米app中关闭网页或窗口的方法,99%的人都不知道,网上也找不到

    前端时间我们公司做了一款使用百度钱包的移动网页支付进行支付的产品,用户通过百度钱包.百度糯米扫描我们 产品的二维码,选择商品,点击支付将会自动调用百度钱包进行支付,支付成功后返回成功页面,在我们的成功 ...

  6. html怎么在alert中加标题,js重写alert事件(避免alert弹框标题出现网址)

    js代码: window.alert = function(msg, callback) { var div = document.createElement("div"); di ...

  7. ie提示保护计算机关闭网页,xp系统解决IE为保护计算机关闭网页方法分享

    在 设置方法如下: 一.调整IE浏览器的安全级别(以IE8为例) 1.打开一个页面,在IE8窗口右上角选择"工具"按钮,选择菜单中的"Internet选项"命令 ...

  8. uc手机书签导出方法

    uc浏览器电脑端从2017年就一直不再更新了(现在是2020年,我还算个uc粉,从2012年开始在我的诺基亚5530XM的塞班系统上用的非常爽就开始粉了,尤其是省流和预加载功能,在那时没啥流量又喜欢逛 ...

  9. 可自动关闭的alert方法

    https://www.cnblogs.com/liushiyong1/p/3549081.html 可自动关闭的alert()方法 layer.msg <html> <head&g ...

最新文章

  1. 密码错误Neo.ClientError.Security.Unauthorized: The client is unauthorized due to authentication failure
  2. Jmeter+ant运行脚本,得到HTML报告
  3. leetcode 767. Reorganize String | 767. 重构字符串(贪心+分桶+26路归并)
  4. 把Cloud for Customer的attachment视图直接放到工作中心视图去
  5. activiti idea 请假流程_IDEA开发流程Activiti需要注意的一些坑
  6. 【HTML基础】表格和表单
  7. PJSIP学习笔记——从simple_pjsua.c示例程序了解PJSUA-LIB的基本使用流程
  8. 信息学奥赛一本通 1978:【18NOIP普及组】标题统计 | 洛谷 P5015 [NOIP2018 普及组] 标题统计
  9. ipmitool介绍_ipmitool命令行使用详解
  10. nodejs cluster_NodeJS下好用的Redis客户端ioredis,再推荐一个Redis可视化工具
  11. Http头部和状态码
  12. java--Hibernate实现分页查询
  13. matlab2020面板介绍
  14. 如何获取支付宝应用APPID
  15. 【EXLIBRIS】最近读什么书呐?
  16. 从零开始安装和配置vim (还是vscode香)
  17. 词向量与词意-Glo Ve
  18. linux Ubuntu 安装的搜狗双拼输入法只有五笔解决办法附安装教程
  19. 汉字进行计算机识别的原理,计算机OCR文字识别技术的原理和未来发展趋势
  20. Python用while循环,打印9*9乘法表

热门文章

  1. JS魔法堂:彻底理解0.1 + 0.2 === 0.30000000000000004的背后
  2. hbase性能优化2
  3. Ext JS 4 Beta 3 今天可以下载了
  4. c++中的void指针和const指针
  5. 黄聪:C#编写的Word操作类,有换页,添加表格,文本功能
  6. [原]Oracle删除大表并回收空间的过程
  7. 大型跨境电商 JVM 调优经历
  8. 【IM】关于集成学习Bagging和Boosting的理解
  9. patch -p0 和patch -p1的区别
  10. 自动设置图片的序号_word表格技巧:如何在表格中填充序号并能自动更新