JS獲取瀏覽器地址欄的多個(gè)參數(shù)值的任意值實(shí)例代碼
更新時(shí)間：2018年07月24日 09:48:44 作者：<_/>
本文通過(guò)實(shí)例代碼給大家介紹了JS獲取瀏覽器地址欄的多個(gè)參數(shù)值的任意值，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的的朋友參考下吧
下面通過(guò)一段代碼給大家介紹js獲取瀏覽器地址欄的多個(gè)參數(shù)值的任意值，具體代碼如下所示：
getParamValue("id");
//http://localhost:2426/TransactionNotes.aspx?id=100
//返回值是100；
// 根據(jù)參數(shù)名稱獲取參數(shù)值
function getParamValue(name) {
var paramsArray = getUrlParams();
if (paramsArray != null) {
for (var i = 0 ; i < paramsArray.length ; i++) {
for (var j in paramsArray[i]) {
if (j == name) {
return paramsArray[i][j];
}
}
}
}
return null;
}
// 獲取地址欄的參數(shù)數(shù)組
function getUrlParams() {
var search = window.location.search;
// 寫(xiě)入數(shù)據(jù)字典
var tmparray = search.substr(1, search.length).split("&");
var paramsArray = new Array;
if (tmparray != null) {
for (var i = 0; i < tmparray.length; i++) {
var reg = /[=|^==]/; // 用=進(jìn)行拆分，但不包括==
var set1 = tmparray[i].replace(reg, '&');
var tmpStr2 = set1.split('&');
var array = new Array;
array[tmpStr2[0]] = tmpStr2[1];
paramsArray.push(array);
}
}
// 將參數(shù)數(shù)組進(jìn)行返回
return paramsArray;
}
下面介紹下js獲得瀏覽器地址欄的參數(shù)值
1.js中寫(xiě)一個(gè)獨(dú)立的方法
function getQueryStringRegExp(name)
{
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
}
2.取值的時(shí)候
var topCateCode=getQueryStringRegExp("topCateCode");
總結(jié)
以上所述是小編給大家介紹的JS獲取瀏覽器地址欄的多個(gè)參數(shù)值的任意值，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Javascript學(xué)習(xí)之談?wù)凧S的全局變量跟局部變量(推薦)
這篇文章主要介紹了Javascript學(xué)習(xí)之談?wù)凧S的全局變量跟局部變量雖然腳本之家小編以前發(fā)過(guò)，但還是這篇文章整理的比較好，需要的朋友可以參考一下2016-08-08
JS實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法,結(jié)合實(shí)例形式分析了javascript簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)添加事件的相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
JavaScript設(shè)計(jì)模式之觀察者模式（發(fā)布者-訂閱者模式）
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之觀察者模式（發(fā)布者-訂閱者模式）,本文詳細(xì)的講解了JavaScript中的觀察者模式,需要的朋友可以參考下2014-09-09
ES6中Promise、async、await用法超詳細(xì)講解指南
async+await是ES6中引入的異步編程解決方案,旨在解決異步編程中的回調(diào)地獄問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于ES6中Promise、async、await用法超詳細(xì)講解的相關(guān)資料,需要的朋友可以參考下2024-08-08
Bootstrap CSS組件之導(dǎo)航條(navbar)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之導(dǎo)航條(navbar)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了微信小程序自定義tabBar在uni-app的適配詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
js中的promise是一個(gè)異步編程的解決方案,語(yǔ)法層面上他是一個(gè)構(gòu)造函數(shù),名字為Promise(),下面這篇文章主要給大家介紹了關(guān)于JavaScript中Promise處理異步的并行與串行的相關(guān)資料,需要的朋友可以參考下2022-12-12
ReactHooks+ts(函數(shù)組件)實(shí)現(xiàn)原生輪播的示例
這篇文章主要介紹了ReactHooks+ts函數(shù)組件實(shí)現(xiàn)原生輪播，在這里下載依賴第一個(gè)是js依賴第二個(gè)是ts依賴，通過(guò)實(shí)例代碼介紹了創(chuàng)建tsx文件的方法,需要的朋友可以參考下2022-05-05
本篇文章主要介紹了webpack異步加載業(yè)務(wù)模塊 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
國(guó)外大牛IE版本檢測(cè)！現(xiàn)在IE都到9了，IE檢測(cè)代碼
有時(shí)會(huì)去看看國(guó)外大牛的一些代碼，并學(xué)習(xí)，引用，并感嘆大牛就是大牛，差距不是一點(diǎn)點(diǎn)，也在一點(diǎn)點(diǎn)的感嘆中慢慢拉進(jìn)和大牛的距離2012-01-01