获取当前页面URL参数

Posted anchen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取当前页面URL参数相关的知识,希望对你有一定的参考价值。

/**
 * 获取当前页面URL参数 (方法一)
 * @param {*} name 
 */
function query(name) {
    const search = location.search.substr(1)
    const arr1 = search.split(\'&\')
    for(let i in arr1) {
        let arr2 = arr1[i].split(\'=\')
        if (arr2[0] === name) {
            return arr2[1]
        }
    }
    return null
}
/**
 * 获取当前页面URL参数 (方法二)
 * @param {*} name 
 */
function query2(name) {
    const search = location.search.substr(1)
    const reg = new RegExp(`(^|&)${name}=([^&]*)(&|$)`, \'i\')
    const res = search.match(reg)
    if (res == null) {
        return null
    }
    return res[2]
}
/**
 * 获取当前页面URL参数 (方法三)
 */
function query3(name) {
    const search = location.search
    const p = new URLSearchParams(search)
    return p.get(name)
}

以上是关于获取当前页面URL参数的主要内容,如果未能解决你的问题,请参考以下文章

js实现在页面打开链接时自动给url加上#记录值参数

获取当前页面URL参数

js获取url参数并传递到其他页面

JS获取URL的参数

javascript 获取当前页面的url参数

在client script获取当前页面URL参数