使用 JavaScript 通过 window.location.search 属性获取 URL 传递的值,查询字符串以 ? 开头。解析查询字符串:使用 URLSearchParams 对象(例如 var params = new URLSearchParams(searchParams);),使用 get() 方法获取值(例如 console.log(params.get("name"));),确保解码查询字符串为 UTF-8 格式。

如何使用 JavaScript 获取 URL 传递的值
在 JavaScript 中,可以使用 window.location.search 属性获取 URL 传递的值。该属性返回一个包含查询字符串的字符串,即 URL 中问号 (?) 之后的部分。
打开方式:
<code class="javascript">var searchParams = window.location.search;</code>
示例:
<code class="html"><a href="index.html?name=John&age=30">获取值</a></code>
JavaScript 代码:
<code class="javascript">var searchParams = window.location.search; console.log(searchParams); // 输出:?name=John&age=30</code>
解析查询字符串:
要解析查询字符串并获取各个值,可以使用 URLSearchParams 对象:
<code class="javascript">var params = new URLSearchParams(searchParams);
console.log(params.get("name")); // 输出:John
console.log(params.get("age")); // 输出:30</code>注意:
- 如果查询字符串没有传递任何值,
window.location.search将返回一个空字符串。 - 如果查询字符串中有多个相同的值,
URLSearchParams对象将返回一个数组。 - 确保在解析查询字符串之前,将其解码为 UTF-8 格式。










