文档章节

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
2017年3月的顶级jQuery插件

1. Pit Scheduler Pit-scheduler 是一个jQuery插件,可以让您通过一个完整的界面来管理计划任务兼容Bootstrap。 2. Restive.js Restive.js一个设计师友好的jQuery工具包,用于构建适合移动设...

pe_mail2006
2017/04/07
0
0
20个将 JavaScript 用到极致的网站

浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出 更精细、更复杂、更有想象力的用户...

红薯
2011/12/27
15.8K
18
超棒的JS移动设备滑动内容幻灯实现 - Swiper

来源: GBin1.com 在线演示 如果你需要一款帮助你实现手机或者移动设备上内容幻灯实现的JS类库的话 , Swiper是一个不错的选择,它不依赖于任何第三方的类库。因此体积非常小,适合运行在移动...

gbin1
2013/06/25
453
2
Bondat蠕虫难挡利益诱惑,锁主页挖矿勒索危害逐步升级

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

FreeBuf
2018/05/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linuxprobe16
48分钟前
9
0
OSChina 周日乱弹 —— 没时间 没头发 但有钱

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @开源中国总经办主任 :分享齐一的单曲《这个年纪》 《这个年纪》- 齐一 手机党少年们想听歌,请使劲儿戳(这里) @肿肿卷 :我真的可以睡一天...

小小编辑
今天
63
4
Django进阶 1.1 ORM基础—ORM 1.2.1 增删改查之查询 1.2.2 删改增 (1) 1.2.3 删改增 (2)

ORM基础 ORM是Django操作数据库的API,Django的作者将sql语句封装在里面供我们使用。 我们前面还提到过Django提供一个模拟数据库的工具,sqlite,供我们学习测试使用。 如果我们想使用mysql...

隐匿的蚂蚁
今天
3
0
Windows 上安装 Scala

在安装 Scala 之前需要先安装 Java 环境,具体安装的详细方法就不在这里描述了。 您可以自行搜索我们网站中的内容获得其他网站的帮助来获得如何安装 Java 环境的方法。 接下来,我们可以从 ...

honeymose
今天
3
0
数据库篇多表操作

第1章 多表操作 实际开发中,一个项目通常需要很多张表才能完成。例如:一个商城项目就需要分类表(category)、商品表(products)、订单表(orders)等多张表。且这些表的数据之间存在一定的关系...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部