這次帶給大家jquery獲取url與url參數方法詳解，jquery獲取url與url參數的注意事項有哪些，下面就是實戰案例，一起來看一下。
使用jquery取得url以及使用jquery取得url參數是我們經常要用到的運算
1、jquery取得url很簡單，程式碼如下：
window.location.href;
其實只是用到了javascript的基礎的window物件，並沒有用jquery的知識。
2、jquery取得url參數比較複雜，要用到正規表示式，所以學好javascript正則式多麼重要的事情
##首先看看單純的透過javascript是如何來取得url中的某個參數：
//获取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; //返回参数值
}我們要取得reurl的值，可以這樣寫：
var xx = getUrlParam('reurl');(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');完整程式碼：
2014-4-23 修改
今天在用上面的方法取得url中的參數時，url中傳遞的中文參數在解析的時候無論怎麼測試，取得的都是亂碼。經過一番調試後發現，我再傳遞參數時，對漢字編碼使用的是 encodeURI ，而上面的方法在解析參數編碼時使用的是unescape ,修改為 decodeURI 就可以了。附： W3School中的介紹：
JavaScript unescape() 函數定義與用法
unescape() 函數可對透過escape() 編碼的字串進行解碼。| 描述 | |
|---|---|
| 必要。要解碼或反轉義的字串。 |
說明
該函數的工作原理是這樣的：透過找到形式為%xx 和%uxxxx 的字元序列（ x 表示十六進位的數字），用Unicode 字元\u00xx 和\uxxxx 取代這樣的字元序列進行解碼。提示與註解
註解：ECMAScript v3 已從標準中刪除了unescape() 函數，並反對使用它，因此應該用decodeURI()和
decodeURIComponent() 取代。#綜上： javascript對參數編碼解碼方法要一致：
escape() unescape()encodeURI() decodeURI()encodeURIComponent() decodeURIComponent() 網路上找的另一種javascript取得url中參數的方法：<script language="JavaScript" type="text/javascript">
function GetUrlParms()
{
var args=new Object();
var query=location.search.substring(1);//获取查询串
var pairs=query.split("&");//在逗号处断开
for(var i=0;i<pairs.length;i++)
{
var pos=pairs[i].indexOf('=');//查找name=value
if(pos==-1) continue;//如果没有找到就跳过
var argname=pairs[i].substring(0,pos);//提取name
var value=pairs[i].substring(pos+1);//提取value
args[argname]=unescape(value);//存为属性
}
return args;
}
var args = new Object();
args = GetUrlParms();
//如果要查找参数key:
if(args["id"]!=undefined)
{
//如果要查找参数key:
var value1 = args["id"] ;
alert(value1);
}</script>以上是jquery取得url與url參數方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
