项目在低版本浏览器下不兼容?友情提示客户升级浏览器(以下只针对IE浏览器)

(function (window) {
  var win = window,
    sys = {},
    ua = navigator.userAgent.toLowerCase();
  (/msie\s+(\d+)/.test(ua)) ? sys.ie = RegExp.$1 :
    (/firefox\/(\d+)/.test(ua)) ? sys.firefox = RegExp.$1 :
      (/chrome\/(\d+)/.test(ua)) ? sys.chrome = RegExp.$1 :
        (/opera.(\d+)/.test(ua)) ? sys.opera = RegExp.$1 :
          (/version\/(\d+).*safari/.test(ua)) ? sys.safari = RegExp.$1 : 0;
  if (sys.ie && sys.ie < 11) {
    // 浏览器版本过低
    var divDOM = document.createElement("div");
    divDOM.id = "alert_browser";
    divDOM.innerHTML = "<p style='z-index:999999;font-family:Georgia,Serif;width:100%;height:50px;line-height:50px;font-size:14px;margin:0;padding:0;" +
      "text-align:center;position:absolute;left:0;top:0;" +
      "background-color:#FAFAD2;border-bottom: 1px solid #DCDCDC'>系统检测您的浏览器版本过低,请升级您的浏览器&nbsp;&nbsp;" +
      // 浏览器下载图标全部在这里
      "<a target='_blank' href='http://chrome.360.cn/' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='http://i6.download.fd.pchome.net/g1/M00/08/04/oYYBAFN0Lg2IVp_SAADF669ldkIAABh7QKbKLUAAMYD687.png' width='30' height='30' alt='360急速浏览器' /></a>" +
      "<a target='_blank' href='http://dl.pconline.com.cn/download/51614-1.html' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='https://cdn1.iconfinder.com/data/icons/smallicons-logotypes/32/chrome-512.png' width='30' height='30' alt='谷歌浏览器' /></a>" +
      "<a target='_blank' href='https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='https://vignette1.wikia.nocookie.net/kirby/images/4/40/IE.png/revision/latest?cb=20110716080705&path-prefix=en' width='30' height='30' alt='IE最新版本' /></a>" +
      "<p>";
    document.body.appendChild(divDOM)
  }
})(window)

猜你喜欢

转载自www.cnblogs.com/shizili/p/9668651.html