首页 > Web开发 > 详细

html5网页获取url传递参数

时间:2015-08-14 13:14:04      阅读:634      评论:0      收藏:0      [点我收藏+]
作为一个前端,需要向后台传递参数进行测试,但是后台既不是phh又不是Jsp,是一种自己不熟悉短时间无法掌握的语言,
为了测试方便,如果只是简单的参数,非数据流的情况下可以通过url直接向HTML页面传递,相关代码如下

<!doctype html>
<html>
<head>
<meta chareset="utf-8">

</head>
<body>
<script>

var paramArr = [];

//获取参数列表数组,每个元素为一个对象{key:‘‘,val:‘‘},key为参数名,val为参数值
function getParameters(){

var params = window.location.search;

var paramList = params.substr(1).split(‘&‘);




for(var i=0;i<paramList.length;i++){

var paramKey = paramList[i].split(‘=‘)[0];
var paramVal = paramList[i].split(‘=‘)[1];

var param = {};
param.key = paramKey;
param.val = paramVal;


paramArr.push(param);
}

return paramArr;
}


//获取具体的参数名对应的参数值
function getParamByName(name){

for(var i=0;i<paramArr.length;i++){

if(paramArr[i].key ==name){

return paramArr[i].val;
}
}

}

getParameters();

//这里我测试用的参数名为code,请自行修改
alert(getParamByName("code"));


</script>

</body>
</html>

html5网页获取url传递参数

原文:http://www.cnblogs.com/eternaluve/p/4729543.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!