从获取URL参数到JS URL()和URLSearchParams() 接口

原创

周陆军博客

发布于 2023-05-07 22:08:09

5.2K0

发布于 2023-05-07 22:08:09

文章被收录于专栏：前端博客

之前写过《js对replace函数的正则表达式深层次运用！》

获取URL参数有有2中，一直是split 切片，一种是正则表达式匹配。这个是传统方法。

如今URL新接口有2种方法获取url参数

URL API获取参数

new URL('

具体参看：https://developer.mozilla.org/en-US/docs/Web/API/URL/URL

URLSearchParams API获取参数

onst searchParams = new URLSearchParams("name=value1&key2=value2");
let name = searchParams.get("name"); // is the string "Jonathan"
// Display the key/value pairs
for (const [key, value] of searchParams.entries()) {
  console.log(`${key}, ${value}`);
}

具体参看：https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams

这个连个具体怎么用，可以参看：

JS URL()和URLSearchParams() API接口详细介绍 https://www.zhangxinxu.com/wordpress/2019/08/js-url-urlsearchparams/

大佬写的太详细，没有必要讲了。

转载本站文章《从获取URL参数到JS URL()和URLSearchParams() 接口》, 请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/js/2020_0521_8937.html

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript