获取URL中的查询参数

2018-11-05  本文已影响0人  橘子柚子橙子_

介绍两种获取URL查询参数的方法

1. 用循环的方式

function getQueryVariable (variable) {
    let query = window.location.search.substring(1)
    let pairs = query.split("&")
    for (let i=0; i<pairs.length; i++) {
        let pairItem = pairs[i].split("=")
        if(pairItem[0] == variable) {
            return pairItem[1]
        }
    }
    return false
}

2. 用正则的方式

function getQueryVariable (variable) {
    let reg = new RegExp("(^|&)" + variable + "=([^&]*)(&|$)", "i")
    let r = window.location.search.substr(1).match(reg)
    if (r != null) return decodeURIComponent(r[2])
    return null
}

3. 有关js中location的知识点

location对象属性

属性 描述
hash 设置或返回从井(#)号开始的URL
host 设置或返回主机名和端口号
hostname 设置或返回主机名
port 设置或返回端口号
href 设置或返回完整的URL
protocol 设置或返回当前URL的协议
search 设置或返回当前URL从“?”开始的部分

location对象方法

方法 描述
assign() 加载新的文档
reload() 重新加载
replace() 用新的文档替换当前
end
上一篇下一篇

猜你喜欢

热点阅读