js判断微信和QQ打开提示在浏览器打开，并识别手机系统给出不同的下载链接

<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<script type='text/javascript' src='http://libs.baidu.com/jquery/1.9.1/jquery.min.js?ver=lastest'></script>
</head><body>
<style type="text/css">
@charset "utf-8";
body, h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,pre,form,
fieldset,legend,button,input,textarea{margin: 0;padding: 0;}
body,button, input, select, textarea{font: 12px/1.5 tahoma, arial, 5b8b4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px;}
ul, ol { list-style: none; }
a { text-decoration: none; display:block;}
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.ct{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{*zoom:1;}
.db{display: block;}
.dn{display: none;}
.wrap{overflow: hidden;max-width: 640px;background: #000;padding-top: 115px;}
.img100{width: 100%;display: block;}
.fix{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;} .p{text-align: center;padding: 15px 0;} *{margin:0; padding:0;}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}
.weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
.weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
.weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
</style>
<article class="content">
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/1486547928053.png" alt="" class="img100 fix">
</a>
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/01.gif" alt="" class="img100">
</a>
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/02.jpg" alt="" class="img100">
</a>
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/03.jpg" alt="" class="img100">
</a>
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/04.gif" alt="" class="img100">
</a>
<a href="javascript:downurl()"  id="link">
<img src="/wap/img/mynl/05.jpg" alt="" class="img100">
</a>
</a>
</article><div class="weixin-tip">
<p> <img src="http://m.38sy.com/images/tip.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close" onclick="$(this).closest('div').hide()">×</span> </p>
</div>
<script type="text/javascript"> $(window).on("load",function(){
var winHeight = $(window).height();
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
$("article.content a").click(function(){
if(isWeixin){
$(".weixin-tip").css("height",winHeight);
$(".weixin-tip").show();
return false;
}
});
}) $(function () {
var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; 
var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); /
if (isAndroid) {
window.location.href = 'https://bbs.csdn.net';
}
if (isIOS) {
window.location.href = 'https://www.baidu.com/';
}
});
</script></body>
</html>我上面这个页面做出来之后，有以下疑问望各位仁兄解答：
1、可以实现微信打开提示，但是QQ不行（现在还想要实现QQ打开提示怎么修改代码呢？）
2、我这里写好了判断了手机系统，但是a标签不知道怎么调用。