溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js如何獲取URL中的參數(shù)

發(fā)布時(shí)間：2022-03-11 15:23:06 來源：億速云 閱讀：152 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要介紹js如何獲取URL中的參數(shù)，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

獲取 URL 中的參數(shù)

這個(gè)需求在三大框架的時(shí)代應(yīng)用貌似不多了，不過面試中問的還是蠻多的，了解一下是好的

簡單實(shí)現(xiàn)

var urlParams = new URLSearchParams('?post=1234&action=edit');
console.log(urlParams.get('action')); // "edit"

看了一下瀏覽器支持情況還是蠻好的，除了萬惡的 ie

復(fù)雜實(shí)現(xiàn)

function getUrlParams(param){
 // 有賴于瀏覽器環(huán)境， window.location.search 是瀏覽器函數(shù)
 // 意思是:設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。 
 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] == param){return pair[1];} 
 } 
 return(false);
}

舉個(gè)例子： http://xuyuechao.top?a=3&b=5&c=8888

  • getUrlParams('a') -> 3

  • getUrlParams('b') -> 5

  • getUrlParams('c') -> 8888

以上是“js如何獲取URL中的參數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手