一、学习内容:
1.BOM概述、window顶级对象
基本描述:BOM浏览器对象模型,是一套用来管理控制浏览器的规则
DOM与BOM比较相似,都是管理抽象对象的规则
BOM主要负责页面与页面的通讯
BOM的核心对象就是window,通常bom一般指的都是window对象
BOM是对浏览器进行管理的规则,因此没有统一的标准
BOM与DOM之间的关系:
DOM通过document对象来访问,控制,修改html等文档中的内容
BOM通过window对象来访问,控制,修改浏览器中的内容
通常可以说DOM是被包含在BOM中的,可以通过js操作来访问浏览器,通过执行浏览器对象的DOM来获取文档的内容
区别:DOM描述了处理网页内容的方法和接口,操作页面内部
BOM描述了与浏览器进行交互的方法和接口,操作页面之间
2.页面加载事件、窗口加载事件
区别:
onload:dom、静态资源(css、图片)都加载完毕再来执行function里面的代码
DOMContentLoaded:dom节点加载完毕,不包括css、图片或者其他的静态资源
加载速度比onload更快
3.定时器
周期定时器setInterval
延迟定时器setTimeout
周期定时器一直执行下去,执行的时间为毫秒为单位
延迟定时器只执行一次,延迟执行的事件为毫秒
4.同步和异步
同步:按照默认顺序从上到下从左到右顺序来执行,依次执行,一个执行完了再来执行另外一个
异步:异步代码遇到同步代码,异步代码会让开,让同步代码先执行
5.location对象
location对象,提供了当前窗口中加载文档的信息,以及通常的导航功能,主要对浏览器url地址相关数据的获取和定义
|