温馨提示×

js中怎么使用window.location获取参数

js
小亿
197
2023-09-05 13:56:32
栏目: 编程语言

在JavaScript中,可以使用window.location对象的search属性来获取URL中的参数。

以下是一个示例:

// 获取当前页面的URL
var url = window.location.href;
// 获取URL中的参数部分
var params = window.location.search;
// 移除参数中的问号
params = params.substring(1);
// 拆分参数为键值对
var paramsArr = params.split("&");
// 创建一个对象存储参数
var paramsObj = {};
// 遍历参数数组,将每个参数拆分成键值对并存储到对象中
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;
}
// 打印参数对象
console.log(paramsObj);

该示例首先获取当前页面的URL,然后通过window.location.search获取URL中的参数部分。接下来,它会移除参数中的问号,并将参数拆分为键值对。最后,它会遍历参数数组,将每个参数拆分成键值对,并存储到一个对象中。最终,可以通过paramsObj对象来访问URL中的参数。

请注意,window.location.search返回的参数部分包含了问号,因此需要使用substring方法将问号移除。另外,使用decodeURIComponent方法对参数进行解码,以避免特殊字符的问题。

0