【JavaScript学习笔记】location对象--获取URL参数

最新推荐文章于 2024-11-21 17:01:30 发布

原创最新推荐文章于 2024-11-21 17:01:30 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript中的location对象、search属性、substr方法以及split函数来获取URL参数。通过实例展示了从URL中解析参数的过程，适用于前端开发者理解和操作网页URL参数。

获取URL参数
关键知识点：

location对象
location.search
substr

![图片.png](https://img-blog.csdnimg.cn/img_convert/043892422ae1c33e540587404fe38b22.png#clientId=u4b79128c-ce07-4&from=paste&height=51&id=u3b2bf0f7&margin=[object Object]&name=图片.png&originHeight=101&originWidth=964&originalType=binary&ratio=1&size=112645&status=done&style=none&taskId=u5752dfc3-8d7f-49e5-90f7-b2432363a52&width=482)

split

![图片.png](https://img-blog.csdnimg.cn/img_convert/e3f1193e99205b6aced061c5849f8373.png#clientId=u4b79128c-ce07-4&from=paste&height=55&id=u3f5573cf&margin=[object Object]&name=图片.png&originHeight=109&originWidth=823&originalType=binary&ratio=1&size=103207&status=done&style=none&taskId=u3f2d4303-31ff-4566-bfe7-a1ccf747085&width=411.5)
login.html
![图片.png](https://img-blog.csdnimg.cn/img_convert/5e56459a806a6a4b00b8d2ba4d97d09c.png#clientId=u4b79128c-ce07-4&from=paste&height=136&id=u76ba4cf0&margin=[object Object]&name=图片.png&originHeight=272&originWidth=1110&originalType=binary&ratio=1&size=140947&status=done&style=none&taskId=u82254740-9e7e-4b27-9bc0-c14baed211c&width=555)
![图片.png](https://img-blog.csdnimg.cn/img_convert/7ec4aab1f1ebef82d2525931220100de.png#clientId=u4b79128c-ce07-4&from=paste&height=170&id=u3e6db6b5&margin=[object Object]&name=图片.png&originHeight=339&originWidth=573&originalType=binary&ratio=1&size=59171&status=done&style=none&taskId=u8edea23c-3623-4e0a-b740-2e6e7f3f50c&width=286.5)
index.html
![图片.png](https://img-blog.csdnimg.cn/img_convert/0b39f60e117e8f75d6e92cd11fab33c7.png#clientId=u4b79128c-ce07-4&from=paste&height=374&id=u644a7638&margin=[object Object]&name=图片.png&originHeight=748&originWidth=1385&originalType=binary&ratio=1&size=408732&status=done&style=none&taskId=uba141d82-52c9-4d39-9569-dd89759241c&width=692.5)![图片.png](https://img-blog.csdnimg.cn/img_convert/e620a2539767201db20a635f3607a7e8.png#clientId=u4b79128c-ce07-4&from=paste&height=267&id=u4a52ceac&margin=[object Object]&name=图片.png&originHeight=534&originWidth=1231&originalType=binary&ratio=1&size=86504&status=done&style=none&taskId=u4aaa5357-e8e3-49b7-9ec4-96391a84d9a&width=615.5)![图片.png](https://img-blog.csdnimg.cn/img_convert/6d551cfaf8685f72a3c8b7414cd35e49.png#clientId=u4b79128c-ce07-4&from=paste&height=293&id=u88d883ca&margin=[object Object]&name=图片.png&originHeight=585&originWidth=1558&originalType=binary&ratio=1&size=153690&status=done&style=none&taskId=u8a6f5305-eefb-4d5f-a04b-cea3a3728fb&width=779)学习链接：https://www.bilibili.com/video/BV11t4y1i7ht?p=283