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

2023-05-07 22:08:09 浏览数 (1)

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

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

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

URL API获取参数

代码语言:javascript复制
new URL('

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

URLSearchParams API获取参数

代码语言:javascript复制
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

0 人点赞