JavaScript/jQuery获取地址栏url参数的方法
2020-01-08 13:35:22  By: shinyuu

很多时候我们需要用 Javascript/jQuery 获取地址栏 url 参数的方法,本文介绍了两种方式,需要的朋友可以过来参考下,使用 jQuery 获取 url 以及使用 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´);


若资源对你有帮助,浏览后有很大收获,不妨小额打赏我一下,你的鼓励是维持我不断写博客最大动力。

想获取DD博客最新代码,你可以扫描下方的二维码,关注DD博客微信公众号(ddblogs)。

或者你也可以关注我的新浪微博,了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间,可以对该博文进行评论,希望不吝赐教。

为保证及时回复,可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问,祝你生活愉快、工作顺心、欢迎常来逛逛。


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+