android a标签download,点击a标签跳转IOS和Android的下载地址

在写手机端页面的时候，我们经常会遇到点击“下载app”的按钮，我们期望的是：

如果是IOS系统的手机我们跳转到App Store的地址

如果是Android系统的手机我们跳转到应用宝或者自己提供的一个安卓包地址

那么我们就需要通过js来获取系统信息，然后进行判断来进行页面跳转，直接上代码：

方法一：

var u = navigator.userAgent;

isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;

isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

urls = {

'android':'安卓自己服务器安装包地址',

'ios':'app store下载地址',

'other':'应用宝安卓地址'

}

$("#appdown,#appdown2,#iosDown,#androidDown").click(function(){

if(isAndroid){

window.location.href = urls.android

}else if(isIOS){

window.location.href = urls.ios

}else{

window.location.href = urls.other

}

})

方法二：改良

为什么要对上面的方法进行改良呢？因为有的浏览器会阻拦window.location.href对url的操作，所以我们通过更改a标签的href属性来实现

html代码如下：

IOS下载

Android下载

js代码如下

appDownLink: function(dom){

var u = navigator.userAgent;

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;

if ((/iphone|ipod|ipad.*os 5/gi).test(navigator.appVersion)) {

$(dom).attr('href','app store下载地址')

}else if(isAndroid){

$(dom).attr('href','安卓自己服务器安装包地址')

}else{

$(dom).attr('href','安卓自己服务器安装包地址')

}

}