PHP前端开发

js如何获得url的参数

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 如何获得
可以通过以下方法在 javascript 中获得 url 参数:使用 location.search 属性返回包含 url 参数的字符串。使用 urlsearchparams 构造函数从 url 字符串创建对象。使用 get() 方法访问单个参数的值。使用 foreach() 方法迭代所有参数。

如何使用 JavaScript 获得 URL 参数

通过 URL 参数,可以将数据从一个页面传递到另一个页面。JavaScript 提供了多种方法来访问和解析 URL 参数。

使用 location.search

location.search 属性返回包含 URL 参数的字符串,以问号 (?) 开头。

const params = new URLSearchParams(location.search);

使用 URLSearchParams 构造函数

URLSearchParams 构造函数也可以从 URL 字符串中创建对象:

const searchParams = new URLSearchParams('?param1=value1&param2=value2');

访问单个参数

使用 get() 方法可以访问单个参数的值:

const paramValue = searchParams.get('param1');

使用循环迭代所有参数

可以通过 forEach() 方法迭代 URLSearchParams 对象中的所有参数:

searchParams.forEach((value, key) => {  console.log(`Key: ${key}, Value: ${value}`);});