window.open

函数方法，该函数的作用是打开一个新窗口或改变原窗口,如果你直接在js中调用window.open()去打开一个新窗口，浏览器会拦截

  1.  setTimeout('window.open(url);', 500);
  3.  # 点击这个超链接，浏览器会认为它是打开一个新的链接，就不会拦截。
  4.  <a href="javascript:void(0)" onclick="window.open()"></a>

location.href

image.png

  1. location.href ="https://www.oecom.cn";

采用a标签

  1.  export function openUrl(url, id = "default", type="_blank") {
  2.     var a = document.createElement("a");
  3.     a.setAttribute("href", url);
  4.     a.setAttribute("target",type);
  5.     a.setAttribute("id", id);
  6.     // 防止反复添加
  7.     if (!document.getElementById(id)) {
  8.       document.body.appendChild(a);
  9.     }
  11.     a.click();
  12.   }

兼容方案

  1. var newTab=window.open('about:blank');
  2. newTab.location.href ="https://www.oecom.cn";
  2. /**
  3.  * @description: 在新标签页打开网页
  4.  * @param {*} url 需要打开的url
  5.  * @param {*} id 防止重复位置打开
  6.  * @param {*} type 防止重复位置打开
  7.  * @return {*}
  8.  */
  9.  export function openUrl(url, id = "default", type="_blank") {
  10.   let browser = myBrowser()
  11.   if (browser === "Safari") {
  12.     window.location = url
  13.     return 
  14.   }
  15.     var a = document.createElement("a");
  16.     a.setAttribute("href", url);
  17.     a.setAttribute("target",type);
  18.     a.setAttribute("id", id);
  19.     // 防止反复添加
  20.     if (!document.getElementById(id)) {
  21.       document.body.appendChild(a);
  22.     }
  24.     a.click();
  25.   }
  28.   function IEVersion() {
  29.     var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
  30.     var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
  31.     var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
  32.     var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
  33.     if(isIE) {
  34.         var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  35.         reIE.test(userAgent);
  36.         var fIEVersion = parseFloat(RegExp["$1"]);
  37.         if(fIEVersion == 7) {
  38.             return IE7;
  39.         } else if(fIEVersion == 8) {
  40.             return IE8;
  41.         } else if(fIEVersion == 9) {
  42.             return IE9;
  43.         } else if(fIEVersion == 10) {
  44.             return IE10;
  45.         } else {
  46.             return IE6;//IE版本<=7
  47.         }   
  48.     } else if(isEdge) {
  49.         return 'edge';//edge
  50.     } else if(isIE11) {
  51.         return IE11; //IE11  
  52.     }else{
  53.         return -1;//不是ie浏览器
  54.     }
  55. }
  58.   function myBrowser() {
  59.     var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  60.     var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
  61.     var ieVersion= IEVersion(); //判断是否IE浏览器
  62.     var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器
  63.     var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
  64.     var isSafari = userAgent.indexOf("Safari") > -1
  66.             && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
  67.     var isChrome = userAgent.indexOf("Chrome") > -1
  68.             && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
  70.     if (ieVersion !="-1") {
  71.         return ieVersion;
  72.     }
  73.     if (isOpera) {
  74.         return "Opera";
  75.     }
  76.     if (isEdge) {
  77.         return "Edge";
  78.     }
  79.     if (isFF) {
  80.         return "FF";
  81.     }
  82.     if (isSafari) {
  83.         return "Safari";
  84.     }
  85.     if (isChrome) {
  86.         return "Chrome";
  87.     }
  88.   }
  90.   /**
  91.    * @description: 解析url中的携带参数
  92.    * @param {*} val
  93.    * @return {*}
  94.    */
  95.   export function parseQuery(val) {
  96.     var params = {},
  97.       seg = val.replace(/^\?/, '').split('&'),
  98.       len = seg.length,
  99.       p;
  100.     for (var i = 0; i < len; i++) {
  101.       if (seg[i]) {
  102.         p = seg[i].split('=');
  103.         params[p[0]] = p[1];
  104.       }
  105.     }
  106.     return params;
  107.   }