浏览器对象模型

目标 Objective

• Lorem ipsum dolor sit amet.
• Perspiciatis, dolores numquam. Voluptas, earum.
• Repellendus quae quasi obcaecati blanditiis!
• Atque iste amet voluptatibus numquam!
• Laborum sed tempore voluptatum adipisci!

内容 Content

1. Lorem ipsum dolor sit.
2. Aperiam beatae odit consectetur?
3. Consectetur amet repellat error?
4. Cum, delectus deserunt? Magni.
5. Atque illum reiciendis ut.

回顾 Review

• Lorem ipsum dolor sit amet.
• Quibusdam veritatis repellat magni possimus.
• Consectetur non impedit eos rerum.
• Ratione ea nihil blanditiis vitae?
• Quibusdam, dolorum aliquam. Facere, sequi.

引言 Introduction

• 专注于浏览器窗口的交互 - 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
• BOM 由多个对象组成，其中代表浏览器窗口的 Window 对象是 BOM 的顶层对象，其他对象都是该对象的子对象
• BOM 包含 DOM

属性 Properties

history

location

innerWidth innerHeight

scrollX scrollY

screenX screenY

方法 Methods

setInterval()

clearInterval()

setTimeout()

clearTimeout()

fetch()

scroll

• 同 document 的 scroll

事件 Events

load

resize

练习 Drill

• 防抖节流

小结 Summary

作业 Homework

参考 Reference

1. 属性 Properties
2. 方法 Method
3. 事件 Event