JQuery 和 JavaScript 获取URL及URL中参数方法

前台使用JavaScript或者JQuery来获取当前url（页面）地址参数是我们经常需要用到的操作，这里我分享如何分别通过JavaScript和JQuery来获取url参数。

获取当前页面地址

window.location.href;

通过上面你的方法就可以很方便的获取当前页面的地址。

通过JavaScript获取参数

获取到页面地址以后我们需要对地址中的参数进行操作，这里使用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]); return null; //返回参数值 
       }

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

我们要获取reurl的值，可以这样写：

var result= getUrlParam('reurl');

通过JQuery获取参数

明白了JavaScript的获取方式以后，这里我们扩展一个JQuery版本

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

使用方法：

var xx = $.getUrlParam('reurl');

最后总结

下面我们将2个方法做一个总结

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> 
   <script type="text/javascript"> 
       $(function () { 
 
           //JQuery 方式获取参数
           (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 方式获取参数
           var xx = $.getUrlParam('reurl'); 
 
           ///JavaScript 方式获取参数 
           // var xx = getUrlParam('reurl'); 
 
 
           alert(xx); 
 
       }); 
 
      
       //JavaScript 方式获取参数 
       function getUrlParam(name) { 
           var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 
           var r = window.location.search.substr(1).match(reg);  //匹配目标参数 
           if (r != null) return unescape(r[2]); return null; //返回参数值 
       } 
 
</script>