JS手机端跳转代码

模板网 2014-09-05

JS手机端跳转代码,通过判断浏览器版本来判断是手机端还是PC端,然后可以做相应的操作。

能够判断 IE内核,opera内核,苹果、谷歌内核,火狐内核,是否为移动终端 ,android终端或者uc浏览器,是否为iPhone或者QQHD浏览器,是否iPad,是否web应该程序,没有头部与底部,涵盖所有主流的浏览器。

判断手机站 browser.versions.mobile&&!browser.versions.iPad == true

 

复制代码 代码如下:
<script type="text/javascript">
//手机端跳转代码
var pc_style=""
   var browser={
    versions:function(){ 
           var u = navigator.userAgent, app = navigator.appVersion; 
           return {//移动终端浏览器版本信息 
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端  
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
ua:u 
            };
         }(),
         language:(navigator.browserLanguage || navigator.language).toLowerCase()
 
if(browser.versions.mobile&&!browser.versions.iPad){
this.location = "http://m.baidu.com/";//手机站
}
</script>
<title>手机端跳转代码</title>
<script type="text/javascript">
//手机端跳转代码
var pc_style=""
   var browser={
    versions:function(){ 
           var u = navigator.userAgent, app = navigator.appVersion; 
           return {//移动终端浏览器版本信息 
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端  
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
				ua:u 
            };
         }(),
         language:(navigator.browserLanguage || navigator.language).toLowerCase()
} 

if(browser.versions.mobile&&!browser.versions.iPad){
	 this.location = "http://m.baidu.com/";//手机站
}
</script>
<p>该演示页面电脑端打开无任何效果,手机打开会跳转到手机百度</p>

相关文章

  1. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  2. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数,只检查输入的内容是否是11位或12为数字,不是非常完美,但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true,错误弹出提示框并返回false。 效果图:

  3. JS 文本框默认提示信息点击清空

    JS 文本框默认提示信息点击清空,关键的代码。 复制代码 代码如下: onfocus=if(this.value==this.defaultValue){this.value=;}; onblur=if(this.value==){this.value=this.defaultValue;} type=text 效果截图:

  4. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果,仅供参考。 效果截图:

  5. JS MD5加密代码md5.js 纯JS代码写的md5加密代码

    JS MD5加密代码md5.js 纯JS代码写的md5加密代码。 代码打包下载: JS MD5加密代码md5.js 纯JS代码写的md5加密代码 使用方法: 在页面中引用md5.js,使用md5函数来加密字符串。 复制代码 代码如下: script src=md5.js/script script //alert(md5(admin)); doc

随机推荐

  1. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  2. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数,只检查输入的内容是否是11位或12为数字,不是非常完美,但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true,错误弹出提示框并返回false。 效果图:

  3. JS 文本框默认提示信息点击清空

    JS 文本框默认提示信息点击清空,关键的代码。 复制代码 代码如下: onfocus=if(this.value==this.defaultValue){this.value=;}; onblur=if(this.value==){this.value=this.defaultValue;} type=text 效果截图:

  4. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果,仅供参考。 效果截图:

  5. JS MD5加密代码md5.js 纯JS代码写的md5加密代码

    JS MD5加密代码md5.js 纯JS代码写的md5加密代码。 代码打包下载: JS MD5加密代码md5.js 纯JS代码写的md5加密代码 使用方法: 在页面中引用md5.js,使用md5函数来加密字符串。 复制代码 代码如下: script src=md5.js/script script //alert(md5(admin)); doc