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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
javascript 弹出层组件(升级版)
May 12 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
JavaScript设计模式之代理模式介绍
Dec 28 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
浅谈实现vue2.0响应式的基本思路
Feb 13 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
Vue实现剪贴板复制功能
Dec 31 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使用GD2绘制几何图形示例
2017/02/15 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
tangram框架响应式加载图片方法
2013/11/21 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
vue.js中使用echarts实现数据动态刷新功能
2019/04/16 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
python基于queue和threading实现多线程下载实例
2014/10/08 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
python实现log日志的示例代码
2018/04/28 Python
深入浅析python 中的匿名函数
2018/05/21 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
如何在Django项目中引入静态文件
2019/07/26 Python
python多线程并发及测试框架案例
2019/10/15 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
在C#中如何实现多态
2014/07/02 面试题
初中英语教学反思
2014/01/25 职场文书
个人考核材料
2014/05/15 职场文书
村道德模范事迹材料
2014/08/28 职场文书
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
解决redis批量删除key值的问题
2022/03/23 Redis
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers