javascript/jquery取得網址列url參數的方法_javascript技巧

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

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

複製代碼 代碼如下:

window.location.href;

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

2、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]); return null; //傳回參數值
}

透過這個函數傳遞url中的參數名稱就可以取得到參數的值，例如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要取得cid的值，可以這樣寫：

複製程式碼 程式碼如下:

getUrlParam('cid');

明白了javascript ，我們可以透過這個方法為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('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('getUrlParam('c) ');