一文读懂JS的Location对象

Location对象


  • Location 对象包含有关当前 URL 的信息。
  • Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。
  • 注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。

Location对象属性


href: 返回完整的URL
protocol: 返回一个URL协议,取值有'https:','https:','file:' 等等
host: 返回一个URL的主机名和端口,location.hostname+location.port: 主机名+端口号
hostname: 返回URL的主机名
port: 返回一个URL服务器使用的端口号
pathname: 返回的URL路径名
search: 返回一个URL的查询部分,查询从问号 (?) 开始的 URL(查询部分)
hash: 返回一个URL的锚部分,从#号开始的 URL,如果地址里没有“#”,则返回空字符串。

document.domain:   返回域名

Location对象方法


assign(): 载入一个新的文档
reload(): 重新载入当前文档
replace(): 用新的文档替换当前文

Location参数查看


在chrome浏览器控制台使用location命令查看,如下:

http://www.example.com/index.html#jump

标签: