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 相关文章推荐
jquery easyui的tabs使用时的问题
Mar 23 Javascript
js实现同一个页面多个渐变效果的方法
Apr 10 Javascript
简介JavaScript中toTimeString()方法的使用
Jun 12 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 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 explode函数实例代码
2012/02/27 PHP
百度地图API使用方法详解
2015/08/25 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
js 字符串操作函数
2009/07/25 Javascript
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
JS实现监控微信小程序的原理
2018/06/15 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python逐行读取文件内容的三种方法
2014/01/20 Python
Python内置函数的用法实例教程
2014/09/08 Python
跟老齐学Python之做一个小游戏
2014/09/28 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python通过poll实现异步IO的方法
2015/06/04 Python
Django自定义认证方式用法示例
2017/06/23 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
python定位xpath 节点位置的方法
2019/08/27 Python
2016年小学生迎国庆广播稿
2015/12/18 职场文书
大学生安全教育心得体会
2016/01/15 职场文书
2016年妇联“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS