JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)


Posted in Javascript onAugust 04, 2015

随着移动互联网的不断普及,企业的网络宣传不仅只局限在PC端,还要在移动端发展。我们在自己的网站做了WAP手机完整之后,如果有用户通过手机访问我们的企业顶级域名网站,就要判断跳转到专为的WAP网站,下面小编通过两种方式介绍根据手机浏览器类型跳转WAP手机网站,具体内容如下。

第一种方式:直接JS脚本

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>

 第二种方式,稍微长一些,引用

function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}

上述的脚本保持到mobile.js文件,然后在需要调用的页面引用下面2个JS调用文件。

<script src="mobile.js" type="text/javascript"></script>

<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>

两种方法都可以使用,我在安卓和IPHONE测试可行。

以上就是通过两种方式实现根据手机浏览器类型跳转WAP手机网站的全部内容,希望大家喜欢。

Javascript 相关文章推荐
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
Vue实现双向数据绑定
May 03 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
vue实现点击当前标签高亮效果【推荐】
Jun 22 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
常用的Javascript数据验证插件
Aug 04 #Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 #Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 #Javascript
基于ajax实现文件上传并显示进度条
Aug 03 #Javascript
函数window.open实现关闭所有的子窗口
Aug 03 #Javascript
百度地图api如何使用
Aug 03 #Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 #Javascript
You might like
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
体育彩票排列三组选三算法分享
2014/03/07 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
深入理解bootstrap框架之第二章整体架构
2016/10/09 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
python基础教程之获取本机ip数据包示例
2014/02/10 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python实现的密码强度检测器示例
2017/08/23 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
木工主管岗位职责
2013/12/08 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
博物馆观后感
2015/06/05 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
python实现监听键盘
2021/04/26 Python
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android