快捷導(dǎo)航

js 獲取(接收)地址欄參數(shù)值的方法

更新時(shí)間：2013年04月01日 17:56:17 作者：

當(dāng)?shù)刂窓诤袇?shù)，我們可以再目標(biāo)頁(yè)面通過(guò)window.location.search來(lái)獲取我們需要的參數(shù)及其值，接下來(lái)為大家介紹下詳細(xì)獲取方法，感興趣的朋友可以參考下哈

當(dāng)?shù)刂窓诤袇?shù)，我們可以再目標(biāo)頁(yè)面通過(guò)window.location.search來(lái)獲取我們需要的參數(shù)及其值

復(fù)制代碼代碼如下:

 
// 獲取地址欄的參數(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 ; 
} 
// 根據(jù)參數(shù)名稱(chēng)獲取參數(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)前我們的頁(yè)面地址是http://www.fzitv.net/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一個(gè)參數(shù)
var opt = getParamValue("opt") ;
alert(opt);彈出為1了。

復(fù)制代碼代碼如下:

 
/******** 
接收地址欄參數(shù) 
key:參數(shù)名稱(chēng) 
**********/ 
function GetQuery(key) { 
var search = location.search.slice(1); //得到get方式提交的查詢(xún)字符串 
var arr = search.split("&"); 
for (var i = 0; i < arr.length; i++) { 
var ar = arr[i].split("="); 
if (ar[0] == key) { 
return ar[1]; 
} 
} 
} 

在頁(yè)面加載調(diào)用GetQuery('test')這個(gè)函數(shù)就好了，非常實(shí)用

您可能感興趣的文章:

相關(guān)文章

關(guān)于JS模塊化的知識(shí)點(diǎn)分享
在本篇文章里小編給大家整理的是關(guān)于JS模塊化的知識(shí)點(diǎn)分享，有需要的朋友們可以學(xué)習(xí)下。
2019-10-10
Javascript實(shí)現(xiàn)檢測(cè)客戶(hù)端類(lèi)型代碼封包
在以前，總是以為使用用戶(hù)代理字符串檢測(cè)瀏覽器是那種類(lèi)型就行了，這樣確實(shí)大錯(cuò)特錯(cuò)啊，下面就來(lái)說(shuō)說(shuō)如何通過(guò)js判斷出當(dāng)前瀏覽者使用的的設(shè)備類(lèi)型呢
2015-12-12
uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果的相關(guān)資料,tabs切換無(wú)論是在app端還是小程序或者H5頁(yè)面都是很常見(jiàn)的功能,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下
2023-07-07
JS讀取cookies信息(記錄用戶(hù)名)
很多網(wǎng)站、博客把網(wǎng)頁(yè)生成html靜態(tài)頁(yè)面了，以利于搜索引擎的索引排名，減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁(yè)面由于其穩(wěn)定快速更快，給用戶(hù)及站長(zhǎng)帶來(lái)了方便。但評(píng)論后如何記住用戶(hù)的信息呢
2012-01-01
layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
淺析TypeScript中的類(lèi)型檢查與錯(cuò)誤捕獲
類(lèi)型檢查是一種靜態(tài)分析的過(guò)程，用于驗(yàn)證變量、函數(shù)和表達(dá)式的類(lèi)型是否符合預(yù)期，這篇文章主要來(lái)和大家聊聊TypeScript中類(lèi)型檢查與錯(cuò)誤捕獲的相關(guān)知識(shí)，希望對(duì)大家有所幫助
2023-06-06
js 判斷一個(gè)數(shù)字是不是2的n次方冪的實(shí)例
下面小編就為大家分享一篇js 判斷一個(gè)數(shù)字是不是2的n次方冪的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助
2017-11-11
JS實(shí)現(xiàn)仿PS的調(diào)色板效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)仿PS的調(diào)色板效果,結(jié)合完整實(shí)例形式分析了javascript通過(guò)運(yùn)算與動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)調(diào)色板功能的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-12-12
如何使用Bootstrap 按鈕實(shí)例詳解
本章將通過(guò)實(shí)例講解如何使用 Bootstrap 按鈕。任何帶有 class .btn 的元素都會(huì)繼承圓角灰色按鈕的默認(rèn)外觀。但是 Bootstrap 提供了一些選項(xiàng)來(lái)定義按鈕的樣式。具體通過(guò)本文實(shí)例詳解
2017-03-03
layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼
今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08