window.location.search获取多值

当 `window.location.search` 用于获取URL查询字符串时，它将返回以 `?` 开头的所有查询参数。

如果查询参数包含多个值，它们将由 `&` 分隔。例如，URL `https://example.com/?foo=bar&baz=qux&baz=quux` 中的查询参数包含两个键值对：`foo=bar` 和 `baz=qux&baz=quux`，其中 `baz` 有两个值：`qux` 和 `quux`。

您可以使用 `URLSearchParams` API 以编程方式解析查询字符串，或者您可以使用正则表达式从 `window.location.search` 字符串中提取多个值：

const searchParams = new URLSearchParams(window.location.search);
const bazValues = searchParams.getAll('baz'); // ['qux', 'quux']

// 或者使用正则表达式提取多个值
const regex = /[?&]baz=([^&]*)/g;
const bazMatches = [];
let match;
while ((match = regex.exec(window.location.search)) !== null) {
  bazMatches.push(match[1]);
}
console.log(bazMatches); // ['qux', 'quux']

相关问题

使用window.location.search;获取参数并修改

`window.location.search`是JavaScript中用于获取当前URL中查询字符串的部分，它通常包含一些传递给页面的键值对，形式为"?key1=value1&key2=value2"。你可以通过点`.`操作符访问这个属性，然后使用解析函数如`URLSearchParams`来获取和处理这些参数。

例如：

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`以便实时刷新页面展示更改。

window.location.search清空

`window.location.search` 是 JavaScript 中用于获取 URL 查询字符串的部分，它类似于 `?key=value&key2=value2...` 部分。如果你想清空查询字符串，通常的做法不是直接修改 `window.location.search`，因为这会改变整个 URL，可能会导致页面刷新。相反，你可以选择设置一个新的查询字符串，例如：

window.location.search = '';

或者，如果你想要移除所有查询参数而不保留问号 "?", 可以这样做：

var searchParams = new URLSearchParams(window.location.search);
searchParams.forEach(function(value, key) {
    searchParams.delete(key);
});
window.location.search = searchParams.toString(); // 结果将变成 ""

这个方法不会改变URL本身，而是仅仅更新了浏览器地址栏中显示的内容。