在实际案例的操作过程中，我们可能会遇到“JavaScript/jQuery想要获取地址栏url参数要怎么做”这样的问题，那么我们该如何处理和解决这样的情况呢？这篇小编就给大家总结了一些方法，具有一定的借鉴价值，希望对大家有所帮助，接下来就让小编带领大家一起了解看看吧。

1.通过function的方式

jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情，首先看看单纯的通过javascript是如何来获取url中的某个参数。

function getUrlParam(name) {
    //构造一个含有目标参数的正则表达式对象
    var reg = new RegExp("(^|&)"   name   "=([^&]*)(&|$)");
    //匹配目标参数
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    } else {
        //返回参数值
        return "";
    }
}

通过这个函数传递url中的参数名就可以获取到参数的值。

getUrlParam(´cid´);

2.jQuery封装的方式

明白了 Javascript 获取 url 参数的方法，我们可以通过这个方法为 jQuery 扩展一个方法来通过 jQuery 获取 url 参数，下面的代码为 jQuery 扩展了一个 getUrlParam() 方法.

(function($){
    $.getUrlParam = function(name){
        var reg = new RegExp("(^|&)"  name  "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return unescape(r[2]); return null;
    }
})(jQuery);

为 jQuery 扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了，代码如下:

$.getUrlParam(´cid´);

关于“JavaScript/jQuery想要获取地址栏url参数要怎么做”的内容就介绍到这，感谢各位的阅读，相信大家对JavaScript/jQuery想要获取地址栏url参数要怎么做已经有了进一步的了解。大家如果还想学习更多知识，欢迎关注群英网络，小编将为大家输出更多高质量的实用文章！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。