Skip to content

Window location cheatsheet

title: Window.location速查表 type: 速查表 language: javascript tags: [浏览器] cover: yellow-sofa excerpt: window.location对象的快速参考。 dateModified: 2022-12-21

window.location对象在处理页面的URL信息时特别有用。让我们来看一个URL的示例以及window.location对象的每个属性代表的含义。

const url = 'https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search';

给定上述URL，以下是window.location对象的快速参考：

window.location.protocol

  • URL的协议模式（通常为http:或https:）
  • 示例值：https:

window.location.hostname

  • URL的域名
  • 示例值：dev.30secondsofcode.org

window.location.port

  • URL的端口号
  • 示例值：8000

window.location.host

  • URL的域名和端口号
  • 示例值：dev.30secondsofcode.org:8000

window.location.origin

  • URL的协议模式、域名和端口号
  • 示例值：https://dev.30secondsofcode.org:8000

window.location.pathname

  • URL的路径，包括前导斜杠
  • 示例值：/c/js

window.location.search

  • URL的查询字符串，包括前导问号
  • 示例值：?page=2&sort=asc

window.location.hash

  • URL的片段标识符，包括前导井号
  • 示例值：#search

window.location.href

  • 完整的URL，包括协议模式、域名、端口号、路径、查询字符串和片段标识符
  • 示例值：https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search