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实现控制台控件的代码
Sep 04 Javascript
JavaScript 基础篇(一)
Mar 30 Javascript
JS cookie中文乱码解决方法
Jan 28 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
Vuex实现简单购物车
Jan 10 Vue.js
常用的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实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
php实现向javascript传递数组的方法
2015/07/27 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
jQuery学习笔记之jQuery中的$
2015/01/19 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
jquery实现数字输入框
2017/02/22 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python向excel中写入数据的方法
2019/05/05 Python
pandas数据处理进阶详解
2019/10/11 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
python 基于opencv实现图像增强
2020/12/23 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
数据库测试通常都包括哪些方面
2015/11/30 面试题
国贸专业个人求职信分享
2013/12/04 职场文书
幼儿园招生广告
2014/03/19 职场文书
给校长的建议书200字
2014/05/16 职场文书
上党课的心得体会
2014/09/02 职场文书
护士个人年度总结范文
2015/02/13 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
中国合伙人观后感
2015/06/02 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python