javaScript BOM

2020年6月29日 作者 张舫
  1. 整个浏览器就是一个BOM,把浏览器当做对象看待
  2. BOM的顶级对象是window
  3. BOM学习的是浏览器窗口交互的一些对象
  4. BOM包含DOM
  5. BOM(browser Object Model)浏览器对象模型,他提供了独立内容而与浏览器窗口进行交互的对象,其核心对象是window
  6. BOM是由一系列相关对象构成,并且每个对象都提供了很多方法和属性

window对象是浏览器的顶级对象,它具有双重角色

  • 它是js访问浏览器窗口的一个接口
  • 它是一个全局对象,定义在全局作用域的变量,函数都会成为window对象的属性和方法
  • 调用的时候可以省略window

常用事件

计时器

计时器案例(短信发送倒计时)

this 指向问题

  • 一般情况下this的最终指向的是哪个调用它的对象
  • 全局作用域或普通函数中,this指向全局对象window
  • 对象方法调用中,那个对象调用this指向那个对象
  • 构造函数中this指向构造函数的实例

js执行机制

  • 限执行栈中的同步任务
  • 异步任务(回调函数)放入任务队列中
  • 一旦执行栈中的所有同步任务执行完毕,系统就会按照次序读取任务队列中的异步任务,被读取的异步任务结束等待,进入执行栈,开始执行

location对象

window对象给我们提供了一个location属性用户获取或这只窗体的URL,并且可以用于解析URL.因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象

location对象常用属性和方法

Navigator对象

navigator对象包含有关浏览器的信息,他有很多属性,我们最常用的就是userAgent,该属性可以返回由客户端发送服务器的user-agent头部值

判断设备跳转链接代码

history对象

window对象提供给我们一个history对象,与浏览器历史记录进行交互.该对象包含用户(在窗口浏览中)访问过的URL

history对象常用属性和方法