JavaScript location 对象属性详解

作者:异步漫步时间:2026-10-22 19:15:16浏览:271

本文详细解析 JavaScript 中 window.location 对象的八个核心属性,包括 hash、host、hostname、href、pathname、port、protocol 和 search。通过逐一说明各属性的功能与返回值,帮助开发者快速掌握 URL 信息的获取与设置方法,适用于前端页面跳转、参数提取及路由配置等场景。

location 对象核心属性概览

location.hash 属性用于设置或获取 href 属性中井号“#”符号之后的部分,通常对应页面内的锚点或片段标识符。


location.host 属性用于设置或获取包含主机名(hostname)和端口号(port)的完整域名部分。


location.hostname 属性用于设置或获取 URL 中的主机名称部分,不包含端口号。


location.href 属性用于设置或获取整个 URL 字符串,包含协议、主机、端口、路径及查询参数等全部信息。


location.pathname 属性用于设置或获取 URL 中指定的文件名或路径部分,即主机名之后的路径段。


location.port 属性用于设置或获取与 URL 关联的端口号码,若使用默认端口则可能返回空字符串。


location.protocol 属性用于设置或获取 URL 的协议部分,例如 http: 或 https:。


location.search 属性用于设置或获取 href 属性中问号“?”之后的部分,通常包含 URL 查询字符串参数。

作者最新文章