JavaScript 获取 URL 地址栏参数的两种实现方式

JavaScript 获取 URL 参数方法：getUrlParams 与 GetQuery 函数详解

当网页 URL 中包含查询参数时，目标页面可以通过访问 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 ;
} 

假设当前页面地址为 https://www.jb51.net/tatame/admin/EditPosts.aspx?opt=1

可以看到 URL 中包含一个名为 opt 的参数

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') 函数即可获取对应参数值，该方法非常实用