如何使用JavaScript从URL中获取查询字符串参数？解决GCLID参数获取返回null的问题

嘿，我一眼就看出问题出在哪啦！你直接把完整的URL字符串传给URLSearchParams了，但它其实只认URL里的查询参数部分（也就是?后面的内容），不是整个URL哦，这就是为啥你拿到的gclid是null。

给你两种靠谱的解决方法：

方法一：直接用当前页面的查询串（适合真实项目环境） #

如果是在浏览器环境中获取当前页面的GCLID参数，直接用window.location.search就行，它会自动帮你提取?后面的部分：

// 直接获取当前页面的查询参数
const params = new URLSearchParams(window.location.search);
const gclid = params.get('GCLID');
alert(gclid); // 这里会正确弹出"test123"

方法二：先创建URL对象（适合测试固定URL的场景） #

如果你是用测试URL来调试，得先把URL转成URL对象，再通过它的searchParams属性来获取参数：

// 测试用的固定URL
const testUrl = "https://example.com/?GCLID=test123";
const urlObj = new URL(testUrl);
const params = urlObj.searchParams;
const gclid = params.get('GCLID');
alert(gclid); // 同样能弹出"test123"

额外小提示：处理参数大小写问题 #

有时候参数可能会有大小写不一致的情况（比如gclid或者Gclid），你可以这样兼容：

const gclid = params.get('gclid') || params.get('GCLID') || params.get('Gclid');

内容的提问来源于stack exchange，提问作者michaelmcgurk