获得查询字符串，变为对象格式

最新推荐文章于 2022-12-29 21:46:45 发布

hcy0404

最新推荐文章于 2022-12-29 21:46:45 发布

阅读量559

点赞数 2

分类专栏： js

本文链接：https://blog.youkuaiyun.com/hcy0404/article/details/53761716

版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了HTML表单元素及事件处理的基础知识，并通过实例展示了如何使用JavaScript获取URL中的查询参数，同时提供了一个不可后退的页面跳转示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<title>事件处理</title>
<meta charset="utf-8" />

</head>
<body>
<form>
姓名:<input name="username"/>
密码:<input type="password" name="pwd"/>
<input type="submit"/>
</form><br>

<a href="javascript:location.replace('http://tmooc.cn')">go to tmooc</a>
<script>
function getSearch(){
//获得url中的查询字符串，保存在变量search中:
//"?变量名=值&变量名=值"
var search=location.search;
var params={};//创建空对象params
if(search!=""){//如果search!=""
//去掉search开头的?,再按&切割,将结果保存在变量props中
var props=search.slice(1).split("&");
//遍历props中每个元素
for(var i=0;i<props.length;i++){
//将当前元素按=切割，结果保存在变量arr中
var arr=props[i].split("=");
//向params对象中添加新属性:
//属性名为arr中第0个元素
//属性值为arr中第1个元素
params[arr[0]]=arr[1];
}
}
return params;//返回params
}
console.dir(getSearch());
//{变量名:值,变量名:值}
</script>
</body>
</html>