使用window.location.search;获取参数并修改
时间: 2024-09-26 14:10:31 浏览: 26
js获取location.href的参数实例代码
`window.location.search`是JavaScript中用于获取当前URL中查询字符串的部分,它通常包含一些传递给页面的键值对,形式为"?key1=value1&key2=value2"。你可以通过点`.`操作符访问这个属性,然后使用解析函数如`URLSearchParams`来获取和处理这些参数。
例如:
```javascript
var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.get('key1')); // 获取名为'key1'的参数值
// 修改参数值
urlParams.set('key1', 'newValue');
window.location.search = urlParams.toString(); // 将修改后的参数设置回URL
```
在这个例子中,首先创建了一个`URLSearchParams`对象,然后使用`get`方法获取参数值,如果需要更新,则使用`set`方法设置新的值,并最后将修改过的查询字符串赋值给`window.location.search`以便实时刷新页面展示更改。
阅读全文