JavaScript 提供了两种获取 URL 参数的方法:使用 window.location.search 获取查询字符串。使用 URL 对象的 searchParams 属性。注意:获取到的参数值都是字符串类型,需要根据需要进行类型转换。

如何在 JavaScript 中从 URL 中获取参数
JavaScript 提供了多种方法从 URL 中获取参数,以下是两种常见方法:
1. 使用 window.location.search
window.location.search 属性返回 URL 查询字符串的部分,其中包含 URL 参数。查询字符串以问号 (?) 开头,后面跟着参数名和值对。
语法:
const searchParams = window.location.search;
用法:
// 获取查询字符串
const searchParams = window.location.search;
// 提取参数
const params = new URLSearchParams(searchParams);
// 获取特定参数的值
const value = params.get("param_name");2. 使用 URL 对象
URL 对象表示一个 URL,它提供了 searchParams 属性,它是一个包含 URL 参数的对象。
语法:
const url = new URL("https://example.com?param1=value1¶m2=value2");用法:
// 获取 URL 对象
const url = new URL("https://example.com?param1=value1¶m2=value2");
// 获取参数对象
const params = url.searchParams;
// 获取特定参数的值
const value = params.get("param_name");注意:
- 以上方法都会返回参数的值作为字符串。如果您需要将值转换为另一种类型(例如数字),请使用适当的类型转换函数。
- 某些特殊字符(例如空格和特殊符号)在 URL 中需要进行编码,以避免发生错误。










