<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=320,initial-scale=1,maximum-scale=1,user-scalable=no"  servergenerated="true" />

        <meta name="apple-mobile-web-app-capable" content="yes" />

        <meta content="telephone=no" name="format-detection" />

</head>

<body></body>

</html>

<script>

//改写alert

window.alert = function(txt)

{

    var shield = document.createElement("DIV");

    shield.id = "shield";

    shield.style.position = "absolute";

    shield.style.left = "0px";

    shield.style.top = "0px";

    shield.style.width = "100%";

    shield.style.height = "100%";

    shield.style.background = "#333";

    shield.style.textAlign = "center";

    shield.style.zIndex = "19901000";

    shield.style.filter = "alpha(opacity=.5)";

    shield.style.opacity = ".5";

    var alertFram = document.createElement("DIV");

    alertFram.id="alertFram";

    alertFram.style.position = "absolute";

    alertFram.style.left = "25%";

    alertFram.style.top = "35%";

    alertFram.style.width = "50%";

    alertFram.style.background = "#ccc";

    alertFram.style.overflow = "hidden";

    alertFram.style.textAlign = "center";

    alertFram.style.borderRadius = "5px";

    alertFram.style.zIndex = "19901024";

    strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";

    strHtml += " <li style=\"background:#FFFFFF;font-size:16px;text-align:center;height:30px;line-height:30px;border-bottom: 1px solid #EBEBEB;\">提 示</li>\n";

    strHtml += " <li style=\"padding:20px;background:#fff;text-align:center;font-size:12px;border-bottom: 1px solid #EBEBEB;\">"+txt+"</li>\n";

    strHtml += " <li style=\"background:#FFFFFF;text-align:center;font-size:14px;height:30px;line-height:30px;\"><span onclick=\"doOk()\" style=\"width: 50%;cursor: pointer;\">确 定</span></li>\n";

    strHtml += "</ul>\n";

    alertFram.innerHTML = strHtml;

    document.body.appendChild(alertFram);

    document.body.appendChild(shield);

    var c = 0;

    this.doAlpha = function(){

        if (c++ > 20){clearInterval(ad);return 0;}

        shield.style.filter = "alpha(opacity="+c+")";

        shield.style.opacity = ".5";

    }

    var ad = setInterval("doAlpha()",5);

    this.doOk = function(){

        //alertFram.style.display = "none";

        //shield.style.display = "none";
　　　　 document.body.removeChild(alertFram);
        document.body.removeChild(shield);
    }

    alertFram.focus();

    document.body.onselectstart = function(){return false;};

}

alert(1);

</script>

js alert重写，适用于手机端，改自于网上的代码的更多相关文章

  1. JS 判断是否是手机端并跳转操作

    JS 判断运行当前脚本的应用程序是否为手机端或者一些其他信息,在我的工作中遇到的不是十分频繁,被我的同事一问就给问住了,所以把之前找到的一些知识点整理出来,供大家参考,若哪里不对欢迎指出,我会及时的更 ...

  2. js判断是否为手机端访问

    随着移动端越来越重要,pc和移动端网站后台系统可能是同一个,登录或者某个特定时期需要根据不同访问来源,跳转不同页面或者做不同的处理: 这时我们就需要js的 navigator 对象: 我们先了解一下n ...

  3. [js开源组件开发]-手机端照片预览组件

    手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上 ...

  4. js判断客户端是手机端还是PC端

    封装函数: function isPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", ...

  5. 【转】自动识别是手机端还是pc端只用一行代码就搞定

    <script type="text/javascript"> var mobileAgent = new Array("iphone", &quo ...

  6. jquery做个日期选择适用于手机端

    第一步:做个 文本框用于显示年月日的 第二步:点击文本框触发bootstrap模态框并显示 第三步:我是建一个外部js页面写的 js中获得当前时间是年份和月份,形如:201208       //获取 ...

  7. js 检查是否为手机端

    let isMobile = function(){ let userAgentInfo = navigator.userAgent; let Agents = new Array("And ...

  8. js如何判断是手机端还是PC端访问

    function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/i ...

  9. js.alert(重写)

    function dialogFn(Msg, btnOkCallBack, btnCancelCallBack) { $("body").append('<div id=&q ...

随机推荐

  1. 既使用maven又使用本地Jar包

    maven 使用本地包 lib jar包 依赖一个lib目录 解决方法: 1. 把本地的lib加入maven编译时的依赖路径 如下配置: <plugin> <artifactId&g ...

  2. Cellmap 基站查询 For Pc

    cellmap for pc 6.2.8.3.0.9 在线版本 更新日期:2017年1月5日 下载地址:<地址一> 主页:www.cellmap.cn 特别声明:本软件不能手机定位.谨防受 ...

  3. Linux命令全集

    一.Ubuntu10.4 启动纯文件界面 打开 /etc/default/grub 文件, 注释掉  GRUB_CMDLINE_LINUX_DEFAULT="quiet splash&quo ...

  4. [Spring MVC] - Annotation验证

    使用Spring MVC的Annotation验证可以直接对view model的简单数据验证,注意,这里是简单的,如果model的数据验证需要有一些比较复杂的业务逻辑性在里头,只是使用annotat ...

  5. SpringMVC学习系列（1） 之 初识SpringMVC

    1.前言: 与SpringMVC的结识源于个人之前想做一个微信公众账号的管理平台玩玩,既然要做就需要考虑平台的选择问题.由于我的朋友只有一台运行了Linux系统的虚拟主机,且上面还运行有他自己的一些论 ...

  6. 推荐csdn里的几篇activiti基础入门及提高的博客

    昨天有个网友加qq询问我有没有非maven搭建的activiti项目的demo,因为我博客中写了一个用maven,我当时没有,于是晚上回家尝试了一下,结果比较容易就实现了. 之后和那个网友聊了一下,他 ...

  7. connectionString加密

    首先是加密,解密类. using System; using System.Collections.Generic; using System.IO; using System.Linq; using ...

  8. [IIS]IIS扫盲(七)

    (4)汉化补丁 许多软件都是英文版本的,国人的英语水平普遍不高,包括笔者.因为这个,影响了不少人学习电脑的兴趣. 为了占领市场,软件开发商提供了中文版本:为了大家学习方便,爱好汉化工作的国人制作了汉化 ...

  9. django model 中class meta

    class Meta: ordering = ['-num', 'length'] verbose_name = 'name' verbose_name_plural = 'names' orderi ...

  10. linux下一对多socket服务器端多线程泄露问题

    线程创建多了,没有释放.导致内存泄露... int main() { int len; int on=1; // pMachList = CreateEmptyLinklist(); DataBase ...