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 中需要进行编码,以避免发生错误。