JS 动态获取 Url 参数(封装函数）

微微一笑绝绝子

已于 2022-09-22 08:46:11 修改

阅读量396

点赞数

文章标签： javascript 前端开发语言 ecmascript

于 2022-09-21 16:07:00 首次发布

本文链接：https://blog.csdn.net/wwyxjjz/article/details/126982517

版权

本文分享了一个JavaScript函数，用于动态获取URL参数。通过调用这个函数，开发者可以轻松获取URL中的任意参数值。示例代码展示了如何使用该函数。

摘要由CSDN通过智能技术生成

话不多说直接上代码：

封装函数如下：

(如果urls固定，可以只写一个name变量)

            getQueryString(name, urls) {
                var url = urls; // 获取URL
                // console.log(url, 'url***');
                var pattern = new RegExp("[\?\&]" + name + "=([^\&]+)", "i"); // 正则匹配URL
                var matcher = pattern.exec(url);
                if (matcher == null || matcher.length < 1) {
                    return "没有该参数";
                }
                return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以
            },

调用示例：

let url ='http://192.168.1.70:98/sign/index.html?qr_type=2&id=fb094d5e50b74c828b19610d83eafdad'

let paramId = this.getQueryString('id', url)

console.log('para