欢迎!我白天是个邮递员,晚上就是个有抱负的演员。这是我的网站。我住在天朝的帝都,有条叫做Jack的狗。
之前我的站长站分享的都是用js获取当前网址URL中的参数,我们这次教大家如何获取指定网址中的参数。
js获取网址参数代码JS获取网址的方法都一样,我们同样使用函数的方法。
function getQueryParam(url, param) {// 创建一个新的URL对象const urlObj = new URL(url);// 使用URLSearchParams获取查询参数const params = new URLSearchParams(urlObj.search);// 获取指定的查询参数值return params.get(param);}
假如网址为:
// 示例网址const url = 'https://www.wdzzz.com/?id=888&name=wdzzz';函数使用方法:
// 获取param1参数的值const value1 = getQueryParam(url, 'id');// 获取param2参数的值const value2 = getQueryParam(url, 'name');
传两个参数,前面位网址URL,后面想需要获取的参数名称。
返回输出:
console.log(888); // 输出: value1console.log(wdzzz); // 输出: value2完整示例:
function getQueryParam(url, param) {// 创建一个新的URL对象const urlObj = new URL(url);// 使用URLSearchParams获取查询参数const params = new URLSearchParams(urlObj.search);// 获取指定的查询参数值return params.get(param);}// 示例网址const url = 'https://example.com/?param1=value1¶m2=value2';// 获取param1参数的值const value1 = getQueryParam(url, 'param1');// 获取param2参数的值const value2 = getQueryParam(url, 'param2');console.log(value1); // 输出: value1console.log(value2); // 输出: value2
