js中window. location. search的用法和作用

路飞sky

于 2019-08-24 14:20:09 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript 正则表达式

本文链接：https://blog.csdn.net/lqk1603/article/details/100052077

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用window.location对象的属性来获取当前页面的URL地址及其组成部分，包括主机名、端口号、路径、协议等，并提供了获取URL中特定查询参数（如code参数）的JavaScript函数实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用该属性获取页面 URL 地址：

window.location 对象所包含的属性

属性	描述
hash	从井号 (#) 开始的 URL（锚）
host	主机名和当前 URL 的端口号
hostname	当前 URL 的主机名
href	完整的 URL
pathname	当前 URL 的路径部分
port	当前 URL 的端口号
protocol	当前 URL 的协议
search	从问号 (?) 开始的 URL（查询部分）

如：获取网址中的code参数：

var query = getQueryString(window.location.search, "code")

function getQueryString (queryString, name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = queryString.substr(1).match(reg);
    if (r != null) {
        return decodeURI(r[2]);
    }
    return null;
}

解析url中的查询参数

字符串开头或者&符号开头，加上参数变量的内容，再加上任意个不含&的字符，以&或字符串结尾