美文网首页
获取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

相关文章

  • JS 获取url查询参数

    JS 获取url查询参数

  • SpringBoot请求接受

    get @PathVariable获取路径参数。即url/{id}这种形式。@RequestParam获取查询参数...

  • 获取URL中的查询参数

    介绍两种获取URL查询参数的方法 1. 用循环的方式 2. 用正则的方式 3. 有关js中location的知识点...

  • velocity的macro

    分页 计算页码 拼凑url参数的宏 分解url参数的宏 在URL中添加查询参数 删除URL中的查询参数 初始化UR...

  • 获取url的参数

    获取URL中的参数名及参数值的集合 通过参数名获取url中的参数值 通过正则获取到参数值;

  • JavaScript 获取url,html文件名,参数值

    1、获取url: 2、获取url中的文件名: 3、获取url中的指定参数的值:jquery从html路径中获取参数...

  • 2018面试题精选

    你如何获取浏览器URL中查询字符串中的参数? 这个好比浏览器的URL:http://www.runoob.com/...

  • go语言HTTP GET解析URL中的查询参数

    go语言HTTP GET解析URL中的查询参数 经常我们会使用下面的逻辑来处理查询参数: 描述起来很简单,先获取Q...

  • 在路由中截取网址参数

    1.vuejs取得URL中参数的值 2. js获取URL中的参数 js获取URL中的一些参数的意思location...

  • 常用api

    1. location location.search:获取当前url的查询参数比如当前url为https://w...

网友评论

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

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