如何在 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&param2=value2");

用法：

// 获取 URL 对象const url = new URL("https://example.com?param1=value1&param2=value2");// 获取参数对象const params = url.searchParams;// 获取特定参数的值const value = params.get("param_name");

注意：

• 以上方法都会返回参数的值作为字符串。如果您需要将值转换为另一种类型（例如数字），请使用适当的类型转换函数。
• 某些特殊字符（例如空格和特殊符号）在 URL 中需要进行编码，以避免发生错误。

以上就是js如何从url中获取参数的详细内容，更多请关注css网站其它相关文章！