您的位置：首页 > Web前端 > JavaScript

用JavaScript获取URL中的参数值

2011-04-27 15:17 330 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试JS获取URL参数</title>
<mce:script type="text/javascript"><!--
var url="http://www.csdn.net?id=1001&username=金牌会员&password=hello";

var parameters=null; //参数数组
/**
* 获取所有的URL参数，初始化参数数组
*/
function loadParameters(){
url = decodeURIComponent(url); //对URL进行解码，因为URL可能会有乱码问题
var index = url.indexOf("?")+1; //求参数的起始下标
var temp = url.substr(index); //获取URL中所有的参数字符串
parameters = temp.split("&");//以&分割参数字符串得到参数数组
}
/**
* 获取某一个参数的值
* @param {Object} key 参数名称
*/
function getParameter(key){
var value=''; //参数的默认值为空字符串
//遍历参数数组
for(var i = 0; i < parameters.length; i++ ){
var index = parameters[i].indexOf("=");
var _key= parameters[i].substring(0,index);
var _value= parameters[i].substring(index+1);
if(_key.toUpperCase() == key.toUpperCase()) {
value += _value;
}
}
return value;
}

function test(){
alert("用户："+getParameter("username"));
alert("密码："+getParameter("password"));
}

// --></mce:script>
</head>
<body onload="loadParameters(),test();">
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航