从获取URL参数到JS URL()和URLSearchParams() 接口
原创
从获取URL参数到JS URL()和URLSearchParams() 接口
原创
周陆军博客
发布于 2023-05-07 14:08:09
发布于 2023-05-07 14:08:09
代码可运行
运行总次数：0
代码可运行
之前写过《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 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
new URLSearchParams的使用
推荐阅读
相关推荐
获取URL参数的最佳实践：兼容Hash模式的TypeScript实现
更多 >
腾讯云开发者
