使用JS获取URL链接中？后的参数

Joe556

已于 2024-06-20 10:35:36 修改

阅读量604

点赞数 6

文章标签： javascript 前端正则表达式

于 2024-06-20 10:30:13 首次发布

本文链接：https://blog.csdn.net/weixin_73610394/article/details/139794697

版权

方法一：只截取URL ？后的内容

let url = 'http://baidu.com?key=1&key2=2'
let j = url.substring(url.indexOf('?') + 1).split('&');
console.log('j :>> ', j)
//结果为  j :>>  [ 'flag=1', 'flag2=2' ]

输出： j :>> [ 'flag=1', 'flag2=2' ]

方法二：截取URL ？后的指定键的键值

使用正则方法并封装成函数，通用性较强。

let url = 'http://baidu.com?key=1&key2=2'
function getUrlCode(key) {
    return decodeURIComponent((new RegExp('[?|&]' + key + '=' + '([^&;]+?)(&|#|;|$)')
           .exec(url) || [,''])[1]
           .replace(/\+/g, '%20')) || null
}
console.log("key的值为",getUrlCode('key')) 
//输出结果："key的值为", 1

输出结果："key的值为", 1

我的其他文章

记录ant-design2.0升级至3.0所遇到的bug，TypeError: Cannot read properties of null (reading ‘0‘)-CSDN博客文章浏览阅读426次，点赞7次，收藏10次。这种报错大部分与dom的挂载与卸载相关，需要对v-if隐藏元素原理理解，同时所引用组件如弹框关闭后，弹框内部dom元素也需要一并卸载或销毁，否则在页面机构复杂时很容易出现此类报错。https://blog.csdn.net/weixin_73610394/article/details/139153826?spm=1001.2014.3001.5502