菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 巨朝阳-20221111-DOM&BOM-DAY05 [打印本页]

作者: 云云 时间: 2022-11-13 15:43
标题: 巨朝阳-20221111-DOM&BOM-DAY05
一、今日学习
01-BOM概述、window顶级对象
基本描述：BOM浏览器对象模型，是一套用来管理控制浏览器的规则
1.BOM与BOM比较相似，都是管理抽象对象的规则
2.BOM主要负责页面与页面的通讯
3.BOM的核心对象就是window，通常BOM一般指的都是window对象
4.BOM是对浏览器进行管理的规则，因此没有统一的标准

BOM与DOM之间的关系：
BOM通过document对象来访问，控制，修改html等文档中的内容
BOM通过window对象来访问，控制，修改浏览器中的内容

通常说DOM是被包含在BOM中的，可以通过js操作来访问浏览器，通过执行浏览器对象的dom来获取文档的内容

区别：DOM描述了处理网页内容的方法和接口，操作页面内部
BOM描述了与浏览器进行交互的方法和接口，操作页面之间

02-页面的加载事件，窗口的加载事件
onload: dom、静态资源（css、图片）都加载完毕再来执行function里面的代码

DOMContentLoaded: dom节点加载完毕，不包括从css、图片或者其他静态资源
         加载速度比onload快

03-定时器
周期定时器、延迟定时器:执行时间单位都是毫秒
周期定时器:setInterval(回调函数,执行时间);
延迟定时器:setTimeout(回调函数,执行时间);

区别：
周期定时器会一直执行下去，执行时间以毫秒为单位
延迟定时器只执行一次，执行时间以毫秒为单位

04-清除定时器
清除周期定时器：
语法
window.clearInterval();
clearInterval();

需要清除指定定时器需要给定时器定义一个变量
let timeId2 = setInterval(function(){
         console.log(222);
      },1000);
clearInterval(timeId2);

清除延时定时器：
clearTimeout(timeId3);

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)