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实现自定义对话框的代码
Jun 15 Javascript
Prototype Object对象 学习
Jul 12 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
jQuery图片切换动画效果
Feb 28 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
微信小程序实现商品属性联动选择
Feb 15 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
常用的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
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
PHP使用DOM和simplexml读取xml文档的方法示例
2017/02/08 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
python使用多线程不断刷新网页的方法
2015/03/31 Python
python定时执行指定函数的方法
2015/05/27 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
大学生预备党员自我评价分享
2013/11/16 职场文书
户外婚礼策划方案
2014/02/08 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
个人贷款担保书
2014/04/01 职场文书
宣传活动总结范文
2014/07/01 职场文书
生物学专业求职信
2014/07/23 职场文书
门店店长岗位职责
2015/04/14 职场文书
解决MySQL添加新用户-ERROR 1045 (28000)的问题
2022/03/03 MySQL
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python