JS獲取地址欄參數(shù)的幾種方法小結(jié)
<script>
// 獲取地址欄的參數(shù)數(shù)組
function getUrlParams() {
var search = window.location.search;
// 寫入數(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;
}
// 根據(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;
}
function test()
{
alert("v="+getParamValue("name"));
}
var test1= function()
{
//alert("v1="+getParamValue("name"));
//alert("v2="+GetUrlParam("name"));
//alert("v3="+GetUrlParms("name"));
alert("v4="+getQuery("name"));
}
function GetUrlParam(paramName) {
var url = document.URL; //URL參數(shù)，你也可以用document.URL來獲取，方法太多了
var oRegex = new RegExp('[\?&]' + paramName + '=([^&]+)', 'i');
//var oMatch = oRegex.exec( window.top.location.search ) ; //獲取當(dāng)前窗口的URL
var oMatch = oRegex.exec(url);
if (oMatch && oMatch.length > 1)
return oMatch[1]; //返回值
else
return '';
}
//獲取url參數(shù)
function GetUrlParms(name) {
var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
if (reg.test(location.href))
return unescape(RegExp.$2.replace(/\+/g, " "));
return "";
}
var getQuery = function (i) {
var j = location.search.match(new RegExp("[?&]" + i + "=([^&]*)(&?)", "i"));
return j ? j[1] : j
};
</script>
JS獲取地址欄參數(shù) :<br>
<a href="#" onclick="test1();">獲取參數(shù)值</a>
相關(guān)文章
JavaScript設(shè)計(jì)模式學(xué)習(xí)之“類式繼承”
這篇文章主要介紹了JavaScript設(shè)計(jì)模式學(xué)習(xí)之“類式繼承”,本文直接用代碼實(shí)例講解類式繼承的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-03-03
uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程
經(jīng)常在做app的時(shí)候,會(huì)有做熱更新的需求,這也是常用的更新app的一種手段,下面這篇文章主要給大家介紹了關(guān)于uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
ES6的異步操作之promise用法和async函數(shù)的具體使用
這篇文章主要介紹了ES6的異步操作之promise用法和async函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JavaScript監(jiān)聽觸摸事件代碼實(shí)例
這篇文章主要介紹了JavaScript監(jiān)聽觸摸事件代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
微信小程序返回箭頭跳轉(zhuǎn)到指定頁面實(shí)例解析
這篇文章主要介紹了微信小程序返回箭頭跳轉(zhuǎn)到指定頁面實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了js 圖片轉(zhuǎn)base64的方式(兩種),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
微信小程序?qū)崿F(xiàn)商品屬性聯(lián)動(dòng)選擇
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商品屬性聯(lián)動(dòng)選擇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要介紹了JS判斷iframe是否加載完成的方法,提供了2種實(shí)現(xiàn)方法,可分別針對(duì)IE內(nèi)核與非IE內(nèi)核瀏覽器進(jìn)行判斷與操作,涉及javascript事件操作與判定技巧,需要的朋友可以參考下2016-08-08
javascript實(shí)現(xiàn)的HashMap類代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的HashMap類代碼,實(shí)現(xiàn)了添加、獲取、刪除、查詢key和value功能,需要的朋友可以參考下2014-06-06
微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06