javascript/jquery擷取地址欄url參數的方法

使用jquery擷取url以及使用jquery擷取url參數是我們經常要用到的操作

1、jquery擷取url很簡單，代碼如下
複製代碼 代碼如下:
window.location.href;

 其實只是用到了javascript的基礎的window對象，並沒有用jquery的知識

2、jquery擷取url參數比較複雜，要用到Regex，所以學好javascript正則式多麼重要的事情

首先看看單純的通過javascript是如何來擷取url中的某個參數
複製代碼 代碼如下:
function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標參數的Regex對象
var r = window.location.search.substr(1).match(reg);  //匹配目標參數
if (r!=null) return unescape(r[2]); return null; //返回參數值
}

通過這個函數傳遞url中的參數名就可以擷取到參數的值，比如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要擷取cid的值，可以這樣寫：
複製代碼 代碼如下:
getUrlParam('cid');

明白了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');