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搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
js使用递归解析xml
Dec 12 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
Vue中使用better-scroll实现轮播图组件
Mar 07 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
在线增减.htpasswd内的用户
2006/10/09 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
PHP重载基础知识回顾
2020/09/10 PHP
javascript基本语法分析说明
2008/06/15 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
js创建元素(节点)示例
2014/01/02 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python3去掉string中的标点符号方法
2019/01/22 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
历史专业大学生职业生涯规划书
2014/03/13 职场文书
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫