javascript 实现跳转问题

Question

a 标签 如何实现安卓点击下载APK，IOS点击跳转到www.baidu.com？？

Answer 1

两种方法：

一种是在页面加载的时候根据当前浏览器把 <a> 的 href 属性改成合适的URL；

javascript// use jQuery
// 假设 <a id="apkLink" ... > ... </a>
$("#apkLink").attr("href", isSafari() ? "http://www.baidu.com" : "down.apk")

另一种方法是监听 <a> 的 click 事件，在事件中根据浏览器来跳转

javascript// 假设同上
$("#apkLink").on("click", function(e) {
    e.stopPropagation()
    e.preventDefault()

    window.location.href = isSafari() ? "http://www.baidu.com" : "down.apk"
    return false
})

到于如果检查浏览器和操作系统，旧版的 jQuery 有个 browser 对象可以解决。不过新版 jQuery 已经没有 browser 了，建议使用 Modernizr 等工具来检查。

另外还找到一个 WitchBrowser，没研究过，楼主可以研究研究。

Answer 2

这个简单，对于A标签添加点击监听事件，在监听事件中通过UA判断是跳转APK下载链接，或者跳转baidu。

Answer 3

建议Google一下JavaScript navigator对象