DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 獲取(接收)地址欄參數值的方法
js 獲取(接收)地址欄參數值的方法
編輯:關於JavaScript     
當地址欄含有參數,我們可以再目標頁面通過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')這個函數就好了,非常實用
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved