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ù)及其值
// 獲取地址欄的參數(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)前我們的頁(yè)面地址是http://www.dhdzp.com/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一個(gè)參數(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];
}
}
}
在頁(yè)面加載調(diào)用GetQuery('test')這個(gè)函數(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)前我們的頁(yè)面地址是http://www.dhdzp.com/tatame/admin/EditPosts.aspx?opt=1
可以看到url上含有一個(gè)參數(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];
}
}
}
在頁(yè)面加載調(diào)用GetQuery('test')這個(gè)函數(shù)就好了，非常實(shí)用
您可能感興趣的文章:
- javascript/jquery獲取地址欄url參數(shù)的方法
- 使用JavaScript修改瀏覽器URL地址欄的實(shí)現(xiàn)代碼
- 地址欄傳遞中文參數(shù)亂碼在js里用escape轉(zhuǎn)碼
- js獲得地址欄?問(wèn)號(hào)后參數(shù)的方法
- js通過(guò)地址欄給action傳值(中文亂碼全是問(wèn)號(hào))
- js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法
- nodejs實(shí)現(xiàn)獲取當(dāng)前url地址及url各種參數(shù)值
- js獲取url參數(shù)值的兩種方式
- JS獲取瀏覽器地址欄的多個(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è)客戶端類型代碼封包
在以前，總是以為使用用戶代理字符串檢測(cè)瀏覽器是那種類型就行了，這樣確實(shí)大錯(cuò)特錯(cuò)啊，下面就來(lái)說(shuō)說(shuō)如何通過(guò)js判斷出當(dāng)前瀏覽者使用的的設(shè)備類型呢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
很多網(wǎng)站、博客把網(wǎng)頁(yè)生成html靜態(tài)頁(yè)面了，以利于搜索引擎的索引排名，減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁(yè)面由于其穩(wěn)定快速更快，給用戶及站長(zhǎng)帶來(lái)了方便。但評(píng)論后如何記住用戶的信息呢2012-01-01
layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
類型檢查是一種靜態(tài)分析的過(guò)程，用于驗(yàn)證變量、函數(shù)和表達(dá)式的類型是否符合預(yù)期，這篇文章主要來(lái)和大家聊聊TypeScript中類型檢查與錯(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
本章將通過(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