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 26 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
Jun 12 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
Apr 28 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 03 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
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
JS常用知识点整理
2017/01/21 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Python深入学习之闭包
2014/08/31 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
python和ruby,我选谁?
2017/09/13 Python
python先序遍历二叉树问题
2017/11/10 Python
python在每个字符后添加空格的实例
2018/05/07 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
出纳岗位职责模板
2013/11/27 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
人才市场接收函
2015/01/30 职场文书
大连星海广场导游词
2015/02/10 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript