JavaScript WebApi 之 BOM

30 阅读1分钟

WebAPI 是浏览器提供的一套 API,用于操作浏览器窗口和界面

WebAPI 中包含两个部分:

  • BOM:Browser Object Model,浏览器模型,提供和浏览器相关的操作
  • DOM:Document Object Model,文档模型,提供和页面相关的操作

BOM

BOM 提供了一系列的对象和函数,提供和浏览器本身相关的操作

download.png

常用BOM

image.png

正确使用setTImeout()

计时器在网页经常使用,但使用是有一些必要的步骤的

创建计时器

  1. 记录计时器id
  2. 清除计时器id
  3. 防止多开计时器

这些步骤都是必须的. image.png

Window.Location

提供地址栏相关的操作 image.png

image.png

Window.history

提供当前窗口历史记录的操作, 可以控制窗口前进,后退,跳转指定记录页.

history.go() 前进多少步数使用正数(1,2,3,4 当前页面前进1步,超过步数取最后面),后退使用负数(-1,-2,后退1步)

image.png