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代码(使用jquery性能问题)
Jun 30 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 Javascript
写给vue新手们的vue渲染页面教程
Sep 01 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
layui table去掉右侧滑动条的实现方法
Sep 05 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生成带有雪花背景的验证码
2008/09/28 PHP
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
非常实用的php验证码类
2016/05/15 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
python k-近邻算法实例分享
2014/06/11 Python
python正则表达式re模块详解
2014/06/25 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
Python语法快速入门指南
2015/10/12 Python
独特的python循环语句
2016/11/20 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
澳大利亚药房在线:ThePharmacy
2017/10/04 全球购物
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
领导干部考察材料
2014/02/08 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
考试作弊检讨
2015/01/27 职场文书
二审答辩状范文
2015/05/22 职场文书
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
2022/08/05 Vue.js