萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 網頁設計 >> js 獲取(接收)地址欄參數值的方法

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

class="area"> 當地址欄含有參數,我們可以再目標頁面通過window.location.search來獲取我們需要的參數及其值 
復制代碼代碼如下:
// 獲取地址欄的參數數組 
function getUrlParams() 

var search = window.location.search ; 
// 寫入數據字典 
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 = /[=|^==]/; // 用=進行拆分,但不包括== 
var set1 = tmparray[i].replace(reg,'&'); 
var tmpStr2 = set1.split('&'); 
var array = new Array ; 
array[tmpStr2[0]] = tmpStr2[1] ; 
paramsArray.push(array); 


// 將參數數組進行返回 
return paramsArray ; 

// 根據參數名稱獲取參數值 
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 ; 


當前我們的頁面地址是http://www.jb51.net/tatame/admin/EditPosts.aspx?opt=1 
可以看到url上含有一個參數 
var opt = getParamValue("opt") ; 
alert(opt);彈出為1了 。 
復制代碼代碼如下:
/******** 
接收地址欄參數 
key:參數名稱 
**********/ 
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]; 




在頁面加載調用GetQuery('test')這個函數就好了,非常實用
copyright © 萬盛學電腦網 all rights reserved