js如何从url中获取参数

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签参数

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&amp;param2=value2");

用法：

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

注意：

文章推荐

js如何从url中获取参数

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？