BOM——location对象

93 阅读1分钟

javaScript的组成

  • ECMAScript:
  • 规定了js基础语法核心知识。
  • 比如:变量、分支语句、循环语句、对象等等
  • Web APIs :
  • DOM 文档对象模型, 定义了一套操作HTML文档的API
  • BOM 浏览器对象模型,定义了一套操作浏览器窗口的API

location

  • location是对象,它拆分保存URL
  • image.png

URL的组成:

  1. protocol 通信协议常用的http、ftp、maito等。
  2. host 主机(域名) 如:**www.bilibili.com**。
  3. port 端口号可选,省略时使用方案的默认端口如http的默认端口为80。
  4. path 路径由零或多个/符号隔开的字符串,一般用来表示主机上的一个目录或文件地址
  5. query 参数以键值对的形式通过 & 符号分隔开来
  6. fragment 片段#后面内容常见于链接锚点

location 常用属性及方法:

  • location.href == 属性,设置或返回完整的URL地址,赋值时用于地址跳转
  • location.search == 属性,设置或返回地址中携带的参数, 号 后面的部分
  • location.hash == 属性,设置或返回地址中的哈希值,# 号 后面部分
  • location.host == 属性,设置或返回从井号 (#) 开始的 URL(锚)。
  • location.hostname == 属性,设置或返回当前 URL 的主机名。
  • location.pathname == 属性,设置或返回当前 URL 的路径部分.
  • location.port == 属性,设置或返回当前 URL 的端口号.
  • location.protocol == 属性,设置或返回当前 URL 的协议。
  • location.reload() == 方法,用来刷新当前页面,传入参数true时表示强制刷新
  • location.assign() == 方法,加载新的文档。
  • location.replace() == 方法,使用新的文档替换当前文档