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 相关文章推荐
网页的标准,IMG不支持onload标签怎么办
Jun 29 Javascript
javascript静态的url如何传递
May 03 Javascript
弹出广告特效代码(一个IP只弹出一次)
May 11 Javascript
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
layui 数据表格复选框实现单选功能的例子
Sep 19 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 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数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
jQuery插件实现图片轮播特效
2016/06/16 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
python3学生名片管理v2.0版
2018/11/29 Python
Python基于mysql实现学生管理系统
2019/02/21 Python
Python数据正态性检验实现过程
2020/04/18 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
会计学生自我鉴定
2014/02/06 职场文书
个人租房协议书
2014/11/28 职场文书
社会实践活动总结
2015/02/05 职场文书
工作自我评价范文
2015/03/05 职场文书
纪录片信仰观后感
2015/06/08 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书
创业计划书之农家乐
2019/10/09 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript