获取当页面url属性 window.location 整理

最新推荐文章于 2024-12-23 10:32:05 发布

bulucc

最新推荐文章于 2024-12-23 10:32:05 发布

阅读量682

点赞数

分类专栏：日常积累文章标签：前端

本文链接：https://blog.csdn.net/bulucc/article/details/128926326

版权

文章详细介绍了JavaScript中window.location对象的属性，如href、host、hash等，并提供了三种不同的方法来解析URL查询参数，包括从href和search属性中提取并转换为对象。

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

1、查看 window.location 包含属性

// object 结构
{
    "ancestorOrigins": {},
    "href": "http://localhost:8100/autocase?a=1&utoken=ey&cc=3",
    "origin": "http://localhost:8100",
    "protocol": "http:",
    "host": "localhost:8100",
    "hostname": "localhost",
    "port": "8100",
    "pathname": "/autocase",
    "search": "?a=1&utoken=ey&cc=3",
    "hash": ""
}

2、各字段属性说明

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