window.location下的属性说明

最新推荐文章于 2025-07-23 15:54:36 发布

-贫寒豌豆

最新推荐文章于 2025-07-23 15:54:36 发布

阅读量1.6w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/flygoa/article/details/49998373

html 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript获取URL的不同组成部分，包括协议、主机名、端口、路径及查询参数等，并提供了具体的代码示例。

属性	说明
window.location.href	完整的url
window.location.protocol	协议
window.location.hostname	主机名
window.location.host	主机名+端口号
window.location.port	端口号
window.location.pathname	当前URL的路径部分

var href = window.location.href;//完整的url
var protocol = window.location.protocol;//协议
var hostname = window.location.hostname;//主机名
var host = window.location.host;//主机名+端口号
var port = window.location.port;//端口号
var pathname = window.location.pathname;//当前URL的路径部分
var search = window.location.search;//路径的查询部分
var hash = window.location.hash;//开始的锚点

结果