文档章节

js检测移动设备和IE

zhchl2010
 zhchl2010
发布于 2015/10/20 17:43
字数 1054
阅读 64
收藏 2

if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//移动访问}

if(navigator.appName=="Microsoft Internet Explorer"){//IE访问

if(navigator.userAgent.indexOf("MSIE")>0)

//是否是IE7浏览器 
    if(navigator.userAgent.indexOf("MSIE 7.0")>0){
    else{
        //还有具体的浏览器 你可以用navigator.userAgent 去获取信息 具体使用 看你自己 

    }

    }

DIV浮在顶部中间,jquery控制DIV的下拉显示后3-5秒上拉隐藏消失
<div class="error"><span>这里是错误信息</span></div>
<style type="text/css">
    .error {width:80%; margin-left:10%; border-radius:0 0 5px 5px; position:absolute; top:0px; height:40px; line-height:40px;         text-align:center; background-color:#CC0000; display:none;}
        body { position: relative;}
</style>
<script type="text/javascript">
$(function(){
    $("body").click(function(){    //点击body区域后触发下拉显示框
        $(".error").slideDown();    //下拉
        setTimeout(function(){    //设置指定时间后的动作
            $(".error").slideUp();    //上拉
        },4000);    //时间
    });
})
</script>


HTML中通过CSS设置背景图片自适应浏览器大小
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
    $('#formbackground').height($(window).height());
    $('#formbackground').width($(window).width());
});
</script>

js/jquery表单验证判断(总结篇)
http://xiaohuang.cc/post/82.html

div延迟消失
   /**
        *1.delay函数是jquery 1.4.2新增的函数
        *2.hide函数里必须放一个0,不然延时不起作用
        */
        $('#divid').delay(6000).hide(0);
    或者
    setTimeout(function () {
        $("divid").show();
    }, 6000);

//验证电话号码
public class PartternUtil
{

    /**
     * 号段简介 手机号码前三位列表: 三大运营商最新号段 合作版 移动号段: 134 135 136 137 138 139 147 150 151
     * 152 157 158 159 178 182 183 184 187 188 联通号段: 130 131 132 145 155 156 176
     * 185 186 电信号段: 133 153 177 180 181 189 虚拟运营商: 170
     *
     * 13(老)号段:130、131、132、133、134、135、136、137、138、139
     * 15(新)号段:150、151、152、153、154、155、156、157、158、159
     * 18(3G)号段:180、181、182、183、184、185、186、187、188、189 13(老)号段 130:中国联通,G?M
     * 131:中国联通,G?M 132:中国联通,G?M 133:中国联通转给中国电信,CDMA 134:中国移动,G?M 135:中国移动,G?M
     * 136:中国移动,G?M 137:中国移动,G?M 138:中国移动,G?M 139:中国移动,G?M 15(新)号段 150:中国移动,G?M
     * 151:中国移动,G?M 152:中国联通,暂时未对外放号 153:中国联通转给中国电信,CDMA
     * 154:154号段暂时没有分配,估计是因为154的谐音是“要吾死”,这样的手机号码谁敢要啊? 155:中国联通,G?M 156:中国联通,G?M
     * 157:中国移动,G?M 158:中国移动,G?M 159:中国移动,G?M 18(3G)号段 180:中国电信,3G,尚未开始对外放号
     * 181:3G服务的手机号段,目前没有分配给哪个运营商,也尚未开始对外放号 182:3G服务的手机号段,目前没有分配给哪个运营商,也尚未开始对外放号
     * 183:3G服务的手机号段,目前没有分配给哪个运营商,也尚未开始对外放号 184:3G服务的手机号段,目前没有分配给哪个运营商,也尚未开始对外放号
     * 185:中国联通,3G,尚未开始对外放号 186:中国联通,3G,内部消息,已开始对外放号 187:中国移动,3G,尚未开始对外放号
     * 188:中国移动,3G,目前TD测试服务在部分城市对外放号 189:中国电信,3G,сDMA,天翼189,2008年底开始对外放号
     */
    /**
     * 利用正则表达式验证电话号码
       */
    public static boolean isMobilePone(String Number)
    {
        // // 匹配手机号码正则字符串+匹配固话号码正则字符串(支持手机号码,3-4位区号,7-8位直播号码,1-4位分机号)
        // String phonePatternRuleString =
        // "(d{11})|^((d{7,8})|(d{4}|d{3})-(d{7,8})|(d{4}|d{3})-(d{7,8})-(d{4}|d{3}|d{2}|d{1})|(d{7,8})-(d{4}|d{3}|d{2}|d{1}))$";
        // 匹配手机号码正则字符串
        String mobilePhonePatternRuleString = "^((13[0-9])|(14[6,7])|(15[0-9])|(17[0,6-8])|(18[0-9]))\\d{8}$";

     // 匹配固话号码正则字符串(3-4位区号,7-8位直播号码,1-4位分机号)
        String hardPhonePatternResultString = "^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?$";        try
        {
            /* 创建Pattern */
            Pattern pattern = Pattern.compile(mobilePhonePatternRuleString);
            /* 将Pattern 以参数传入Matcher作Regular expression */
            Matcher matcher = pattern.matcher(Number);
            if (matcher.matches())
            {
                return true;
            } else
            {
                return false;
            }

        } catch (Exception e)
        {
            // TODO: handle exception
            return false;
        }

    }

   }
 
}

© 著作权归作者所有

共有 人打赏支持
zhchl2010
粉丝 3
博文 82
码字总数 79448
作品 0
成都
程序员
私信 提问
pc调试移动终端web代码(工具Weinre)

做移动web开发的同仁,多少都为各个浏览器困扰。基于手机浏览器的性能和各个开发商的私人考虑,我们现在在android、ios等系统还很难使用到完全统一的浏览器内核。无论是ucweb、chrome、safar...

嘻哈开发者
2014/02/11
0
0
[译]通过 Lighthouse 了解 JavaScript 性能

原文地址:Shine a light on JavaScript performance with Lighthouse 原文作者:Addy Osmani 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Raoul1996 校对者:cal...

Raoul1996
10/28
0
0
Web开发神器WebStorm 8.0.1之我爱Spy-js

最近试用了Web开发神器WebStorm 8.0.1,WebStorm最新试用版 在其发布的最新工具中Spy-js值得注意(WebStorm 8.0.1全部更新信息)通过Spy-js你可以看到触发代码执行的事件的完整列表,然后帮你...

kouxunli1
2014/04/14
0
3
Bondat蠕虫难挡利益诱惑,锁主页挖矿勒索危害逐步升级

  0×1概述   近日,腾讯御见威胁情报中心监测发现,借助U盘、移动硬盘传播的Bondat蠕虫病毒呈活跃趋势。该蠕虫构建的僵尸网络不仅通过浏览器执行JS挖矿木马,还会传播GandCrab3勒索病毒...

FreeBuf
05/18
0
0
Web前端 — Bootstrap(1)

Bootstrap本次知识点: 1.Bootstrap简介 2.什么是Bootstrap 3.为什么使用Bootstrap 4.Bootstrap的结构 5.BootStrap的基本模板 1.Bootstrap简介 Bootstrap,来自Twitter(全国最大的微博 )的两...

凤囚凰丶
06/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 请上车吧

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @2amor :分享王菲的单曲《闷》 《闷》- 王菲 手机党少年们想听歌,请使劲儿戳(这里) @開源中國周杰倫 :昨天睡觉肚子疼,妈蛋,半夜爬起来...

小小编辑
39分钟前
212
8
工作中如何做好技术积累

参考:https://tech.meituan.com/study_vs_work.html 看了这篇文章,觉得总结得非常好,因此摘抄了一些关键点,以便自己经常翻阅。 引言 在繁忙的工作中做好技术积累,构建个人核心竞争力. 在...

grace_233
50分钟前
6
0
day146-2018-11-13-英语流利阅读-待学习

5 岁“牛娃”简历给 985 精英一个暴击 Lala 2018-11-13 1.今日导读 “不要让孩子输在起跑线上”,似乎已成为了当下最流行的名句,每个身为家长或还未成为家长的人都不得不思考这句话的分量。...

飞鱼说编程
今天
5
0
Mariadb二进制包安装,Apache安装

安装mariadb 下载二进制包并解压 [root@test-a src]# wget https://downloads.mariadb.com/MariaDB/mariadb-10.2.6/bintar-linux-glibc_214-x86_64/mariadb-10.2.6-linux-glibc_214-x86_64.t......

野雪球
今天
4
0
ConcurrentHashMap 高并发性的实现机制

ConcurrentHashMap 的结构分析 为了更好的理解 ConcurrentHashMap 高并发的具体实现,让我们先探索它的结构模型。 ConcurrentHashMap 类中包含两个静态内部类 HashEntry 和 Segment。HashEnt...

TonyStarkSir
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部