怎么使用window.location.href解析url获取参数
时间: 2024-02-28 11:50:59 浏览: 82
使用window.location.href解析URL获取参数的方法如下[^2]:
```javascript
// 获取URL中的参数
function getUrlParams() {
var params = {};
var url = window.location.href;
var paramStr = url.split('?')[1];
if (paramStr) {
var paramArr = paramStr.split('&');
for (var i = 0; i < paramArr.length; i++) {
var param = paramArr[i].split('=');
key = decodeURIComponent(param[0]);
var value = decodeURIComponent(param[1]);
params[key] = value;
}
}
return params;
}
// 示例
var params = getUrlParams();
console.log(params); // 输出获取到的参数对象
```
这段代码定义了一个名为getUrlParams的函数,它会解析URL中的参数并返回一个参数对象。函数内部首先获取当前页面的URL,然后通过split方法将URL分割成两部分,取第二部分即参数部分。接着使用split方法将参数部分分割成多个参数,并使用decodeURIComponent方法对参数进行解码。最后将解析得到的参数存储在一个对象中,并返回该对象。
使用示例中的代码,可以获取到URL中的参数,并将其存储在params对象中。你可以根据需要使用params对象中的参数进行后续操作。
阅读全文