BOM基础

Posted 2021-10-05 HUMILITY

BOM基础

什么是BOM

Browser Object Model（浏览器对象模型)
专门操作浏览器窗口的API————没有标准，有兼容性问题

window：代表整个窗口
history：封装当前窗口打卡后，成功访问过的历史url记录
navigator：封装浏览器配置信息
document：封装当前正在加载的网页内容
location：封装了当前窗口正在打开的url地址
screen：封装了屏幕的信息
event：定义了网页中的事件机制

获取当前窗口大小：
完整窗口大小：

window.outerWidth/outerHeight

文档显示区大小：

window.innerWidth/innerHeight

定时器

让程序按指定时间间隔自动执行任务
网页动态效果，计时功能等

周期性定时器

让程序按指定时间间隔反复自动执行一项任务
语法：
setInterval(exp,time):周期性触发代码exp
exp：指行语句
time：时间周期，单位为毫秒

setInterval(function(){
        console.log("hello world")
},1000);

停止定时器

1.给定时器取名

var timer=setInterval(function(){
        console.log("hello world");
},1000);

2.停止定时器

clearInterval(timer);

一次性定时器

让程序延迟一段时间执行
1.语法
setTimeout(exp,time):一次性触发代码exp
exp；执行语句
time：间隔时间，单位为毫秒

setTimeout(function(){
    alert("恭喜过关"）；
}，3000）;

如何选择
只要反复执行，就用周期性
只要只执行一次，就用一次性