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

标题: 李扬敏-20221111-BOM [打印本页]

作者: 王源的李可爱 时间: 2022-11-11 23:36
标题: 李扬敏-20221111-BOM
一。今日学习内容

1.BOM基本描述

BOM浏览器对象模型，是一套用来管理控制浏览器的规则

提供了访问浏览器各种功能部件的途径，浏览器窗口本身，浏览器历史

2.DOM与BOM比较相似，都是管理抽象对象的规则

BOM主要负责页面与页面的通讯

BOM的核心对象就是window，通常bom一般指的都是window对象

BOM是对浏览器进行管理的规则，因此没有统一的标准

3.BOM与DOM关系

DOM通过document访问，控制，修改html等文档中的内容

BOM通过window对象来访问，控制，修改浏览器中的内容

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

4.区别：DOM描述了处理网页内容的方法和接口，操作页面内部

BOM描述了与浏览器进行交互的方法和接口，操作页面之间

5.页面加载，窗口加载

1)区别

页面加载事件---onload（可以访问JS之后的代码）

窗口加载事件（事件监听事件）：DOMContentLoaded是dom加载完毕，不包括css，图片或者其他的静态资源，加载速度比onload更快

2)调整窗口大小事件：onresize

3)响应式布局---重绘

6.定时器

周期定时器：setInterval（回调函数，执行时间ms）-----重复执行

延时定时器：setTimeout（回调函数，执行时间ms）----只执行一次

清除周期定时器：clearInterval（变量接收定时器函数）；---一般写在方法内部

清除延时定时器：clearTimeout（变量）；---一般放在方法内部

7.JS同步和异步

同步：按照默认的书写的顺序，依次执行，出错后不再执行

异步：遇到同步，会让同步先执行，一般异步需要触发（回调函数）--报错不影响后面执行

JS中三种异步的情况：事件，定时器，ajax

8.Location

location对象，提供当前文档的信息，以及导航功能，

返回一个URL的查询部分：location.search

完整的url地址：location.href；

hash--哈希（返回一个URL的锚部分）：location.hash；

端口号：location.port；

页面的域名以及端口号：location.host；

页面的域名：location.hostname;

页面的路径或者文件名：location.pathname;

返回url原地址：location.origin;

刷新：location.reload();

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