vue支持IE10以上及标准浏览器 低版本的浏览器跳到对应的页面

<script>
  var DEFAULT_VERSION = "9.0";
  var ua = navigator.userAgent.toLowerCase();
  var isIE = ua.indexOf("msie") > -1;
  var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
  var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
  var safariVersion;
  console.log(isIE, isIE11)
  if (isIE) {
    safariVersion = ua.match(/msie ([\d.]+)/)[1];   //获取浏览器版本号
  }
  if (isIE11 || isIE) {
    localStorage.setItem('isIE', '1')
  }
  if (safariVersion * 1 <= DEFAULT_VERSION * 1) {   //若版本号低于IE9,则跳转到如下页面
    document.getElementById('app').style.display = 'none'
    document.write('<div class="hello"><div class="header"><div class="container"><div class="bg"></div> </div></div><div class="contain"><div class="main"> <div class="bigdl"> <dl><dt ><img  class="dt_img" src="./static/ied.png" alt=""></dt><dd class= "dd"><p>您当前浏览器版本过低,可能会影响学习记录。</p><p>推荐使用IE10及以上、FireFox、Google Chrome浏览器进行访问。</p></dd></dl></div><div class="smalldl"><dl><dt><img src="./static/iee.png" alt=""></dt><dd>IE10+浏览器</dd></dl><dl><dt><img src="./static/ieh.png" alt=""></dt><dd>FireFox浏览器</dd></dl><dl style="border:none"><dt><img src="./static/ieg.png" alt=""></dt><dd>Google浏览器</dd></dl></div></div><div class="footer1"><div class="container"><div class="footer_le"><div class="foot_tb" style="top:15px;" ><a href="http://bszs.conac.cn/sitename?method=show&id=6D01CEA59D7A5E76E053022E1AACDB75"><img src="./static/red.png" alt /></a></div><p class="footer_le_p" style="padding-top:10px;"><span>©版权所有:信用中国</span>|&nbsp; <a class="agreement"  href="https://www.creditchina.gov.cn/qita/guanyuwomen/201709/t20170922_45136.html" target="_blank">网站声明</a>|&nbsp;<a class="agreement" href="https://www.creditchina.gov.cn/qita/guanyuwomen/201709/t20170922_45135.html" target="_blank" >关于我们</a>|&nbsp;<a href="https://www.creditchina.gov.cn/zhandianditu/" target="_blank" >网站地图</a></p> <p style="text-align:left;margin-left:320px;height:30px;line-height:30px;padding-top:10px;" ><label>主办单位:国家公共信用信息中心</label><label>网站标识码:bm04000009 京ICP备05052393号-5</label><label><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202007696"> <img  src="https://obs.negn.cn/creditchina-cms/pc/img/icon_picBeian.png" style="vertical-align:middle;width:auto;display:inline-block;"/><span style="color:#ffffff;">京公网安备 11010202007696号</span></a></label></p><p style="text-align:left;margin-left:320px;height:30px;line-height:30px;padding-top:10px;"><label>指导单位: 国家发展和改革委员会 中国人民银行</label><label>技术支持:国家信息中心 中经网</label></p></div></div></div></div></div> ')
  }
</script> 
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值