js如何从url中获取参数

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&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中获取参数的详细内容，更多请关注本网内其它相关文章！