获取浏览器地址栏URL参数

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

A_Kai.

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

阅读量415

点赞数

分类专栏：前端面试题文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_48617944/article/details/122056104

版权

前端面试题专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、获取参数

const queryString = window.location.search

二、创建正则匹配

const reg = /[?&][^?&]+=[^?&]+/g

三、提取参数

const str= quesyString.match(reg)

console.log(found(str))

function found(arg) {
        const res = {} // 存放数据列表
        if(arg) {
            found.forEach(item => {
            let temp = item.substring(1).split('=')
            let key = temp[0]
            let val = temp[1]
            res[key] = val
        })
    }
    return res
}

四、测试

const testStr = 'http://127.0.0.1:8080?a=1&b=2&c=3'

const foundStr = testStr.match(reg) //  ['?a=1', '&b=2', '&c=3']

console.log(found(foundStr)) // {a: '1', b: '2', c: '3'}