js 如何获取js传参

可以通过以下方法获取 js 传参：1. window.location.search；2. urlsearchparams；3. 正则表达式。

如何通过 JavaScript 获取 JS 传参

在 JavaScript 中，可以通过以下方法获取 JS 传参：

1. window.location.search

window.location.search 属性包含 URL 中查询字符串的部分。查询字符串以问号 (?) 开头，后面跟一个或多个参数和值对，用 & 分隔。

例如，如果 URL 为 https://example.com/page?param1=value1&param2=value2，则 window.location.search 将包含 ?param1=value1&param2=value2。

2. URLSearchParams

URLSearchParams 接口提供了更高级的方法来处理查询字符串。它可以获取、添加、删除和遍历参数。

要使用 URLSearchParams，首先需要创建一个实例：

const params = new URLSearchParams(window.location.search);

登录后复制

然后，可以使用 get() 方法获取特定参数的值：

const value = params.get('param1');

登录后复制

3. 正则表达式

可以使用正则表达式从 URL 中提取查询字符串参数。以下正则表达式将匹配所有参数和值对：

/(?:\?|&)([^&=]+)=?([^&]*)/g

登录后复制

示例代码：

const params = [];
window.location.search.replace(/(?:\?|&)([^&=]+)=?([^&]*)/g, (match, key, value) => {
  params[key] = value;
});

登录后复制

示例

以下示例展示了如何使用 URLSearchParams 获取 URL 中的参数：

const params = new URLSearchParams(window.location.search);
console.log(params.get('param1')); // "value1"
console.log(params.has('param2')); // true
params.delete('param2');
params.append('param3', 'value3');
console.log(params.toString()); // "?param1=value1&param3=value3"

登录后复制

以上就是js 如何获取js传参的详细内容，更多请关注抖狐科技其它相关文章！