基于URLSearchParams或URL获取queryString的值

最新推荐文章于 2024-03-26 17:56:11 发布

落笔映浮华H

最新推荐文章于 2024-03-26 17:56:11 发布

阅读量355

点赞数 1

分类专栏： js 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_39238200/article/details/120227735

版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的URLSearchParams和URL对象从URL中方便地获取查询参数。通过示例代码展示了在/index.html?pid=10这样的链接中如何获取'pid'的值，提供了一个简洁的方法来替代传统的正则或split操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用的方式是使用正则或者split方法，其实不然，URLSearchParams和URL都能很好的实现功能。

代码

const urlSP = new URLSearchParams(location.search);
function getQueryString(key){
    return urlSP.get(key)
}

const urlObj = new URL(location.href);
function getQueryString(key){
    return urlObj.searchParams.get(key)
}

示例

测试地址： /index.html?pid=10

const log = console.log;
getQueryString

log("pid", getQueryString("pid"));  // pid 10
log("cid", getQueryString("cid"));  // cid null