BOM

BOM的概念

BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等

BOM的顶级对象window

window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window
注意：window下一个特殊的属性 window.name

对话框（不常用）

alert(“提示信息”);
prompt(“提示信息”, “输入框的默认信息”);
confirm(“提示信息”);

页面加载事件（了解）

onload

window.onload = function () {
  // 当页面加载完成执行
  // 当页面完全加载所有内容（包括图像、脚本文件、CSS 文件等）执行
}

onunload

window.onunload = function () {
  // 当用户退出页面时执行
}

location对象

属性/方法	描述
hash	地址栏上#及后面的内容
host	主机名及端口号
hostname	主机名
pathname	文件路径
port	端口号
protocol	协议
search	地址栏上？及后面的内容，即搜索内容
href	跳转地址
assign(“url”)	跳转地址
reload()	重新加载
replace(“url”)	跳转，但不可后退

history对象（了解）

方法	描述
forward()	前进
back()	后退
go()	正数前进，负数后退

navigator对象

属性	描述
platform	返回系统平台类型
userAgent	判断用户浏览器类型

定时器函数（重点）

setTimeout()和clearTimeout()（不常用）

**setTimeout(“调用的函数名称”, “等待的毫秒数”);**用于指定的毫秒后调用函数或计算表达式。返回的时定时器的ID。
**clearTimeout(定时器名);**清除setTimeout()创建的定时器。

setInterval()和clearInterval()（常用）

**setInterval(“调用的函数名称”, “间隔毫秒数”);**按照指定的周期（以毫秒算）来调用函数或计算表达式。返回的时定时器的ID。
**clearInterval(定时器名);**清除clearInterval()创建的定时器。

// 创建一个定时器，每隔1秒调用一次
var timerId = setInterval(function () {
  var date = new Date();
  console.log(date.toLocaleTimeString());
}, 1000);

// 取消定时器的执行
clearInterval(timerId);

JavaScript BOM笔记

BOM