一、今日学习内容BOM概述、Window顶级对象
基本描述:BOM浏览器对象模型,是一套用来管理控制浏览器的规则
1.DOM与BOM比较相似,都是由管理抽象对象的规则
2.BOM主要负责页面与页面之间的通讯
3.BOM的核心对象就是window,通常BOM一般指的都是window对象
4.BOM是浏览器进行管理的规则,因此没有统一标准
BOM与DOM之间的关系:
DOM通过document对象来进行访问,控制,修改html等文档中的内容
BOM通过window对象来进行访问,控制,修改浏览器内容
通常可以说DOM是被包含在BOM中的,可以通过JS的操作来访问浏览器,通过执行浏览器对象的DOM来获取文档内容
区别:
DOM描述了处理网页内容的方法和接口,操作页面内部
BOM描述了与浏览器进行交互的方法和接口,操作页面之间
页面的加载事件、窗口加载事件
区别:
onload:dom、静态资源(css、图片)都加在完毕后再来执行function里面的代码
DOMContentLoaded:dom节点加载完毕,不包括css、图片或者其他静态资源,加载速度比onload更快
调整窗口大小事件:onresize
响应式布局: 重绘
定时器
分类:
周期定时器:setInterval:会一直执行下去,执行时间单位为毫秒
延迟定时器:setTimeout:只执行一次,延迟的执行时间单位为毫秒
都有(回调函数,执行时间)
清除定时器
clearInterval();
clearTimeout();
JS同步和异步
同步:按照默认书写的顺序从上而下,从左到右来执行,一个执行完后才会执行另一个
异步:异步代码遇到同步代码,异步代码会让开,让同步代码先进行执行
js中三种异步情况
1.事件
2.定时器
3.Ajax
location对象
location对象,提供了当前窗口中加载文档信息,以及通常的导航功能功能,主要对浏览器url地址相关数据的获取和定义
属性:
search--参数
href--完整的URL地址
port--端口号
hash---哈希
hostname--页面的域名
origin--返回的URL原地址
reload()--重新加载--刷新
|