快捷導(dǎo)航

js獲取url參數(shù)值的幾種方式詳解

更新時間：2023年07月10日 10:11:27 作者：淚滴在琴上

這篇文章為大家主要介紹了js獲取url參數(shù)值的幾種方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>

方法一：

采用正則表達(dá)式獲取地址欄參數(shù) (代碼簡潔，重點(diǎn)正則）

function getQueryString(name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    };
    return null;
 }

調(diào)用方法

let 參數(shù)1 = GetQueryString("參數(shù)名1"));

方法二：

split拆分法 (代碼較復(fù)雜，較易理解)

function GetRequest() {
   const url = location.search; //獲取url中"?"符后的字串
   let theRequest = new Object();
   if (url.indexOf("?") != -1) {
      let str = url.substr(1);
      strs = str.split("&");
      for(let i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}

調(diào)用方法

let Request = new Object();
Request = GetRequest();
var 參數(shù)1,參數(shù)2 ...;
參數(shù)1 = Request['參數(shù)1'];
參數(shù)2 = Request['參數(shù)2'];
參數(shù)... = Request['參數(shù)...'];
方法三：split拆分法(易于理解，代碼中規(guī))

function getQueryVariable(variable){
       let query = window.location.search.substring(1);
       let vars = query.split("&");
       for (let i=0;i<vars.length;i++) {
               let pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

調(diào)用方法

let 參數(shù)1 = getQueryVariable("參數(shù)名1");