javascript/jquery獲取地址欄url參數(shù)的方法
更新時間：2014年03月05日 09:44:27 作者：
本篇文章主要是對javascript/jquery獲取地址欄url參數(shù)的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
使用jquery獲取url以及使用jquery獲取url參數(shù)是我們經(jīng)常要用到的操作
1、jquery獲取url很簡單，代碼如下
復(fù)制代碼 代碼如下:
window.location.href;
其實只是用到了javascript的基礎(chǔ)的window對象，并沒有用jquery的知識
2、jquery獲取url參數(shù)比較復(fù)雜，要用到正則表達(dá)式，所以學(xué)好javascript正則式多么重要的事情
首先看看單純的通過javascript是如何來獲取url中的某個參數(shù)
復(fù)制代碼 代碼如下:
function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構(gòu)造一個含有目標(biāo)參數(shù)的正則表達(dá)式對象
var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r!=null) return unescape(r[2]); return null; //返回參數(shù)值
}
通過這個函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值，比如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要獲取cid的值，可以這樣寫：
復(fù)制代碼 代碼如下:
getUrlParam('cid');
明白了javascript獲取url參數(shù)的方法，我們可以通過這個方法為jquery擴(kuò)展一個方法來通過jquery獲取url參數(shù)，下面的代
碼為jquery擴(kuò)展了一個getUrlParam()方法
復(fù)制代碼 代碼如下:
(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ò)展了這個方法了之后我們就可以通過如下方法來獲取某個參數(shù)的值了
復(fù)制代碼 代碼如下:
$.getUrlParam('cid');
相關(guān)文章
這篇文章主要介紹了js如何判斷用戶是在PC端和還是移動端訪問,需要的朋友可以參考下2014-04-04
php is_numberic函數(shù)造成的SQL注入漏洞
這篇文章主要介紹了php is_numberic函數(shù)造成的SQL注入漏洞和解決辦法,需要的朋友可以參考下2014-03-03
一看到閉包這個詞，我就會想起線性代數(shù)中的封閉空間，也就是說，這個空間中的所有向量，無論經(jīng)過何種運算，最終結(jié)果還是會落在該空間中。那么JavaScript中會不會也是類似的概念呢？2010-03-03
avalon js實現(xiàn)仿google plus圖片多張拖動排序附源碼下載
這篇文章主要介紹了avalon js實現(xiàn)仿google plus圖片多張拖動排序附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-09-09
D3.js封裝文本實現(xiàn)自動換行和旋轉(zhuǎn)平移等功能
之前小編和大家分享了SVG中如何配合使用text和tspan來實現(xiàn)換行的功能，所以這篇文章對此功能進(jìn)行一下封裝，以后就可以直接用了。有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
這篇文章主要介紹了基于Bootstrap框架實現(xiàn)圖片切換的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
單個的加號作為運算符在 JavaScript 中有三種作用。2013-03-03
這篇文章主要介紹了JS判斷字符串字節(jié)數(shù)并截取長度的方法,涉及JavaScript針對頁面元素與字符串的動態(tài)操作技巧,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了客戶端驗證用戶名和密碼 的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了11個教程中不常被提及的JavaScript小技巧，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04