如何在 JavaScript 中获取查询字符串参数值

主题：JavaScript / jQuery上一页|下一页

答案：使用 URL API

您可以简单地使用 URL API 从 JavaScript 中的查询字符串（也称为 GET 参数或 URL 参数）中获取参数值。 所有主要的现代浏览器都支持 URL API。

假设我们有一个带有查询字符串或 GET 参数的 URL，如下所示：

现在让我们看看如何从上面的 URL 中检索 name 和 age 参数值。 要获取整个 URL，您可以使用 window.location.href 属性 .

// Sample URL
var urlString = "https://www.example.com/page.html?name=john-clark&age=24";

// 为给定的 URL 创建 URL 对象
var url = new URL(urlString);

// 检索查询字符串值
var name = url.searchParams.get("name");
console.log(name); // Prints: john-clark

var age = url.searchParams.get("age");
console.log(age); // Prints: 24

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答：

• 如何使用 JavaScript 获取当前 URL
• 如何在 JavaScript 中获取部分 URL 路径
• 如何使用 JavaScript 检查 URL 中的哈希