js中怎么使用window.location獲取參數(shù)

js
小億
319
2023-09-05 13:56:32

在JavaScript中,可以使用window.location對(duì)象的search屬性來(lái)獲取URL中的參數(shù)。

以下是一個(gè)示例:

// 獲取當(dāng)前頁(yè)面的URL
var url = window.location.href;
// 獲取URL中的參數(shù)部分
var params = window.location.search;
// 移除參數(shù)中的問(wèn)號(hào)
params = params.substring(1);
// 拆分參數(shù)為鍵值對(duì)
var paramsArr = params.split("&");
// 創(chuàng)建一個(gè)對(duì)象存儲(chǔ)參數(shù)
var paramsObj = {};
// 遍歷參數(shù)數(shù)組,將每個(gè)參數(shù)拆分成鍵值對(duì)并存儲(chǔ)到對(duì)象中
for (var i = 0; i < paramsArr.length; i++) {
var param = paramsArr[i].split("=");
var key = decodeURIComponent(param[0]);
var value = decodeURIComponent(param[1]);
paramsObj[key] = value;
}
// 打印參數(shù)對(duì)象
console.log(paramsObj);

該示例首先獲取當(dāng)前頁(yè)面的URL,然后通過(guò)window.location.search獲取URL中的參數(shù)部分。接下來(lái),它會(huì)移除參數(shù)中的問(wèn)號(hào),并將參數(shù)拆分為鍵值對(duì)。最后,它會(huì)遍歷參數(shù)數(shù)組,將每個(gè)參數(shù)拆分成鍵值對(duì),并存儲(chǔ)到一個(gè)對(duì)象中。最終,可以通過(guò)paramsObj對(duì)象來(lái)訪問(wèn)URL中的參數(shù)。

請(qǐng)注意,window.location.search返回的參數(shù)部分包含了問(wèn)號(hào),因此需要使用substring方法將問(wèn)號(hào)移除。另外,使用decodeURIComponent方法對(duì)參數(shù)進(jìn)行解碼,以避免特殊字符的問(wèn)題。

0