给jquery扩展一个获取url参数的函数(url传参不可带空格)

最新推荐文章于 2022-01-09 10:31:27 发布

转载最新推荐文章于 2022-01-09 10:31:27 发布 · 1.3k 阅读

文章标签：

#jquery #扩展

小技巧专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery获取URL中参数值的方法，并提供了具体的代码实现。适用于网页开发中需要读取URL参数的应用场景。

网上找到方法，方便实用。只为记录。

下面是具体代码

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

直接写在jquery的js文件里或jquery.mini.js里。

调用时直接$.getUrlParam('paraName')即可。

另附js获取url参数代码

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

注：

1.其实jquery版的和js版的代码是一样的，不过是jquery版的把代码压缩了

2.如果url携带的参数有汉字或特殊符号的话，记得在传参之前先对字符串进行编码，然后再拼接url进行跳转