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´);
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！