js 獲取(接收)地址欄參數(shù)值的方法
更新時間：2013年04月01日 17:56:17 作者：
當(dāng)?shù)刂窓诤袇?shù)，我們可以再目標(biāo)頁面通過window.location.search來獲取我們需要的參數(shù)及其值，接下來為大家介紹下詳細(xì)獲取方法，感興趣的朋友可以參考下哈
當(dāng)?shù)刂窓诤袇?shù)，我們可以再目標(biāo)頁面通過window.location.search來獲取我們需要的參數(shù)及其值
// 獲取地址欄的參數(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 ;
}
當(dāng)前我們的頁面地址是http://m.fzitv.net/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一個參數(shù)
var opt = getParamValue("opt") ;
alert(opt);彈出為1了 。
/********
接收地址欄參數(shù)
key:參數(shù)名稱
**********/
function GetQuery(key) {
var search = location.search.slice(1); //得到get方式提交的查詢字符串
var arr = search.split("&");
for (var i = 0; i < arr.length; i++) {
var ar = arr[i].split("=");
if (ar[0] == key) {
return ar[1];
}
}
}
在頁面加載調(diào)用GetQuery('test')這個函數(shù)就好了，非常實(shí)用
復(fù)制代碼 代碼如下:
// 獲取地址欄的參數(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 ;
}
當(dāng)前我們的頁面地址是http://m.fzitv.net/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一個參數(shù)
var opt = getParamValue("opt") ;
alert(opt);彈出為1了 。
復(fù)制代碼 代碼如下:
/********
接收地址欄參數(shù)
key:參數(shù)名稱
**********/
function GetQuery(key) {
var search = location.search.slice(1); //得到get方式提交的查詢字符串
var arr = search.split("&");
for (var i = 0; i < arr.length; i++) {
var ar = arr[i].split("=");
if (ar[0] == key) {
return ar[1];
}
}
}
在頁面加載調(diào)用GetQuery('test')這個函數(shù)就好了，非常實(shí)用
您可能感興趣的文章:
相關(guān)文章
在本篇文章里小編給大家整理的是關(guān)于JS模塊化的知識點(diǎn)分享，有需要的朋友們可以學(xué)習(xí)下。2019-10-10
Javascript實(shí)現(xiàn)檢測客戶端類型代碼封包
在以前，總是以為使用用戶代理字符串檢測瀏覽器是那種類型就行了，這樣確實(shí)大錯特錯啊，下面就來說說如何通過js判斷出當(dāng)前瀏覽者使用的的設(shè)備類型呢2015-12-12
uniapp實(shí)現(xiàn)tabs切換(可滑動)效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動)效果的相關(guān)資料,tabs切換無論是在app端還是小程序或者H5頁面都是很常見的功能,文中通過實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下2023-07-07
很多網(wǎng)站、博客把網(wǎng)頁生成html靜態(tài)頁面了，以利于搜索引擎的索引排名，減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁面由于其穩(wěn)定快速更快，給用戶及站長帶來了方便。但評論后如何記住用戶的信息呢2012-01-01
layui時間控件選擇時間范圍的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui時間控件選擇時間范圍的實(shí)現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
類型檢查是一種靜態(tài)分析的過程，用于驗(yàn)證變量、函數(shù)和表達(dá)式的類型是否符合預(yù)期，這篇文章主要來和大家聊聊TypeScript中類型檢查與錯誤捕獲的相關(guān)知識，希望對大家有所幫助2023-06-06
js 判斷一個數(shù)字是不是2的n次方冪的實(shí)例
下面小編就為大家分享一篇js 判斷一個數(shù)字是不是2的n次方冪的實(shí)例，具有很好的參考價值，希望對大家有所幫助2017-11-11
JS實(shí)現(xiàn)仿PS的調(diào)色板效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)仿PS的調(diào)色板效果,結(jié)合完整實(shí)例形式分析了javascript通過運(yùn)算與動態(tài)操作頁面元素實(shí)現(xiàn)調(diào)色板功能的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-12-12
本章將通過實(shí)例講解如何使用 Bootstrap 按鈕。任何帶有 class .btn 的元素都會繼承圓角灰色按鈕的默認(rèn)外觀。但是 Bootstrap 提供了一些選項(xiàng)來定義按鈕的樣式。具體通過本文實(shí)例詳解2017-03-03
layer彈出層 iframe層去掉滾動條的實(shí)例代碼
今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動條的實(shí)例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08