js獲取地址欄中傳入的參數(shù)(字符串方法、正則表達(dá)式兩種方式)

需求:js獲取地址欄中傳入的參數(shù)。
例如,瀏覽器地址欄中在’search’后面的值,將其轉(zhuǎn)化為對(duì)象或直接取值。
http://localhost:3000/mobile/searchList.html?key=衣服

方法一:用字符串方法,循環(huán)數(shù)組取值

字符串方法:
  • 切割字符串 str.slice(n)
    傳入不同個(gè)數(shù)的值操作不一樣,詳見:slice方法
  • 分割字符串為數(shù)組 str.split(" ");
    按照參數(shù)將字符串分割為多個(gè)字符串組成的數(shù)組,詳見:split方法
代碼實(shí)現(xiàn):
function getData(search){ //傳入關(guān)鍵字如search
//保存地址欄’search’后的字符串,并去掉第一個(gè)“?”符
var search = window.loction.search.slice(1);
//用“&”切分開為數(shù)組,每個(gè)成員格式為“key=value”
var data = search.split(‘&’);
//新建對(duì)象保存數(shù)據(jù)
var obj={};
//循環(huán)取出數(shù)組中的值來(lái)保存,將key與value分開并保存
for(var i =0, i<data.length; i++){
    var kv = data[i].split(‘=’);
    obj[kv[0]]=kv[1];
}
return obj;    //obj為最終參數(shù)構(gòu)成的對(duì)象(JSON格式)
}


用正則表達(dá)式取值

直接取出來(lái)“search”后面name對(duì)應(yīng)的值。
推薦用這個(gè),比較簡(jiǎn)潔。

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

詳細(xì)出處:js獲取地址欄中傳遞的參數(shù)


2018.1.31
1月更新好少,趕緊湊一篇。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容