获取地址栏的参数url

最新推荐文章于 2024-07-02 09:04:22 发布

苏煖Sue

最新推荐文章于 2024-07-02 09:04:22 发布

阅读量288

点赞数 2

分类专栏： Vue JavaScript 前端

本文链接：https://blog.csdn.net/xusuxiang/article/details/114049789

版权

Vue 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

JavaScript

7 篇文章 0 订阅

订阅专栏

前端

5 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript通过location.href获取URL参数，并演示了如何解析参数为对象，以便于后续操作。重点讲解了consturl=location.href的用法，参数分割和对象构建过程。

摘要由CSDN通过智能技术生成

1、假设地址栏的参数是：http://123.56.31.193/Content?docCode=A01JNCL023101210100014&type=10102

2、使用 const url = location.href
可以获取完整地址，是string字符串的类型

3、如果需要后面具体的参数的话，可以按照

const num = url.indexOf('?')
//?号出现的位置，此处是29
const value = url.substr(num + 1)
//提取字符，从下标30开始，那就是获得是docCode=A01JNCL023101210100014&type=10102
const arr = value.split('&')
//分割成字符串数组
const obj = {}
//新对象
for (let i = 0; i < arr.length; i++) {
  const split = arr[i].split('=')
  obj[split[0].trim()] = split[1].trim()
}
console.log(obj);