美文网首页
获取URL中的查询参数

获取URL中的查询参数

作者: 橘子柚子橙子_ | 来源:发表于2018-11-05 11:56 被阅读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

    相关文章

      网友评论

          本文标题:获取URL中的查询参数

          本文链接:https://www.haomeiwen.com/subject/skajxqtx.html