使用jquery獲取url以及jquery獲取url參數的方法

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

1、jquery獲取url很簡單，代碼如下

1.window.location.href;

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

2、jquery獲取url參數比較復雜，要用到正則表達式，所以學好javascript正則式多么重要的事情

首先看看單純的通過javascript是如何來獲取url中的某個參數
1.function getUrlParam(name)
2.{
3.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象
4.var r = window.location.search.substr(1).match(reg);  //匹配目標參數
5.if (r!=null) return unescape(r[2]); return null; //返回參數值
6.} 
通過這個函數傳遞url中的參數名就可以獲取到參數的值，比如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要獲取cid的值，可以這樣寫：
1.getUrlParam('cid');

明白了javascript獲取url參數的方法，我們可以通過這個方法為jquery擴展一個方法來通過jquery獲取url參數，下面的代碼為jquery擴展了一個getUrlParam()方法

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

為jquery擴展了這個方法了之后我們就可以通過如下方法來獲取某個參數的值了
1.$.getUrlParam('cid');