JavaScript正則獲取地址欄中參數(shù)的方法
本文實(shí)例講述了JavaScript正則獲取地址欄中參數(shù)的方法。分享給大家供大家參考，具體如下：
一、問題：
獲取地址欄中的參數(shù)：
若地址欄中的地址是：
http://10.124.36.56:8080/CMOD/index.jsp?name=you&password=123456&type=student
要求獲取地址欄中的最后一個(gè)參數(shù)type
二、實(shí)現(xiàn)的JS：
function getAddressURLParam(paramName)
{
//構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式的對(duì)象
var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)");
//匹配目標(biāo)參數(shù)
var url = window.location.search.substr(1).match(reg);
//返回參數(shù)值
if(url != null)
return unescape(url[2]);
return null;
}
獲取type參數(shù)值：
var typeParem = getAddressURLParam(type);
實(shí)現(xiàn)結(jié)果：
得到type參數(shù)值：student
PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：
JavaScript正則表達(dá)式在線測(cè)試工具：
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS基于對(duì)象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能詳解
這篇文章主要介紹了JS基于對(duì)象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了js基于key值唯一性實(shí)現(xiàn)數(shù)組去重的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
bootstrap學(xué)習(xí)使用（導(dǎo)航條、下拉菜單、輪播、柵格布局等）
這篇文章主要為大家詳細(xì)介紹了bootstrap框架、導(dǎo)航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標(biāo)簽頁tabs等相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS模板編譯的實(shí)現(xiàn)詳情，編譯是一種格式變成另一種格式的過程。編譯會(huì)導(dǎo)致好的結(jié)果，比如書寫簡(jiǎn)單的代碼，編譯出來復(fù)雜的代碼；或者提高代碼的使用性能2022-07-07
JS無限極樹形菜單,json格式、數(shù)組格式通用示例
本文為大家介紹下JS無級(jí)樹形菜單的實(shí)現(xiàn)，修改了一下數(shù)據(jù)格式，是json和數(shù)組或者混合型的數(shù)據(jù)都通用，不用特定key等，想學(xué)習(xí)的朋友可以參考下2013-07-07
這篇文章主要介紹了js單線程的本質(zhì) Event Loop解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JavaScript如何實(shí)現(xiàn)圖片處理與合成
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)圖片處理與合成,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
這篇文章主要給大家介紹了關(guān)于three.js中多線程的使用及性能測(cè)試的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
Bootstrap Tooltip顯示換行和左對(duì)齊的解決方案
小編在使用Bootstrap的Tooltip功能時(shí)遇到一些小問題，換行丟失，文字不是左對(duì)齊。下面小編給大家介紹下Bootstrap Tooltip顯示換行和左對(duì)齊的解決方案，感興趣的朋友一起看看吧2017-10-10
js調(diào)用百度地圖及調(diào)用百度地圖的搜索功能
本文給大家介紹js調(diào)用百度地圖的方法以及調(diào)用百度地圖的搜索功能，有需要的朋友可以跟著腳本之家的小編一起學(xué)習(xí)2015-09-09
原生JavaScript實(shí)現(xiàn)Ajax的方法
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)Ajax的幾種方法，感興趣的小伙伴們可以參考一下2016-04-04