需求:前端開發(fā)中,經(jīng)常要根據(jù)當(dāng)前網(wǎng)址,來獲取到某個(gè)指定的參數(shù),比如id。我們可以創(chuàng)建一個(gè)函數(shù),用以解析查詢字符串,然后返回包含所有參數(shù)的一個(gè)對象。
比如要獲取網(wǎng)址 “https://baike.baidu.com/item/%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E/334073?fr=aladdin&hid=1234&name=%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E”;中的name參數(shù),代碼如下:
// 創(chuàng)建一個(gè)獲取url中指定參數(shù)值的函數(shù)
function getQueryStr(argu) {//查詢字符串并去掉開頭的問號
let qs = location.search.length >0 ? location.search.substring(1) : "";
//獲取每一項(xiàng)
let items = qs.length ? qs.split("&") : [];
let key = null, value = null;
for (let i = 0; i< items.length; i++) {key = decodeURIComponent(items[i].split("=")[0]);
value = decodeURIComponent(items[i].split("=")[1]);
if (key==argu) return value
}
}
//調(diào)用函數(shù)
getQueryStr("name") //瑪雅文明
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商?創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性,企業(yè)級服務(wù)器適合批量采購,新人活動(dòng)首月15元起,快前往官網(wǎng)查看詳情吧