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

微微一笑绝绝子

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

阅读量433

点赞数

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

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

本文链接：https://blog.youkuaiyun.com/wwyxjjz/article/details/126982517

版权

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

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

话不多说直接上代码：

封装函数如下：

(如果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('paramId:',paramId)  //paramId:fb094d5e50b74c828b19610d83eafdad

// let paramId = url.split("?")[1].split("id=")[1]; //取得参数

完结，撒花✿✿ヽ(°▽°)ノ✿

作者：微微一笑绝绝子

出处：https://i.cnblogs.com/posts/edit;postId=16715946

本博客文章均为作者原创，转载请注明作者和原文链接。