下面小編就為大家?guī)?lái)一篇使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。
使用jquery獲取url以及使用jquery獲取url參數(shù)是我們經(jīng)常要用到的操作
1、jquery獲取url很簡(jiǎn)單,代碼如下
window.location.href;
其實(shí)只是用到了javascript的基礎(chǔ)的window對(duì)象,并沒(méi)有用jquery的知識(shí)
2、jquery獲取url參數(shù)比較復(fù)雜,要用到正則表達(dá)式,所以學(xué)好javascript正則式多么重要的事情
首先看看單純的通過(guò)javascript是如何來(lái)獲取url中的某個(gè)參數(shù)
function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r!=null) return unescape(r[2]); return null; //返回參數(shù)值
}
通過(guò)這個(gè)函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值,比如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要獲取cid的值,可以這樣寫(xiě):
getUrlParam('cid');
明白了javascript獲取url參數(shù)的方法,我們可以通過(guò)這個(gè)方法為jquery擴(kuò)展一個(gè)方法來(lái)通過(guò)jquery獲取url參數(shù),下面的代碼為jquery擴(kuò)展了一個(gè)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擴(kuò)展了這個(gè)方法了之后我們就可以通過(guò)如下方法來(lái)獲取某個(gè)參數(shù)的值了
$.getUrlParam('cid');
以上這篇使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考