JavaScript 获取url中参数的几种方法

JavaScript 获取url中参数的几种方法

// 获取query 参数
export function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) { return pair[1]; }
    }
    return (false);
}
// 获取url中的某个参数值，传入url与参数名
export function getUrlQuery(url, key) {
    var arr = url.split("?");
    var vars = arr[1].split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == key) { return pair[1]; }
    }
    return (false);
}

// 判断是否有某个参数
export function getHasKey(key) {
    var url = window.location.href;
    if (url.indexOf(`${key}=`) >= 0) {
        return true;
    }
    return false;
}

以下这个不知道是哪里百度来的了……

    // 获取query 参数 
    getUrlQuery(name, url) {
      const pattern = new RegExp(`[\\?&#]${name}=([^&#]+)`, "gi");
      const ma = url.match(pattern);
      let strArr;
      if (ma && ma.length > 0) {
        strArr = ma[ma.length - 1].split("=");
        if (strArr && strArr.length > 1) {
          return strArr[1];
        }
        return "";
      }
      return "";
    },

个人学习笔记 好记性不如烂笔头