一、今日学习内容
1.BOM
1.1描述：BOM是浏览器对象模型，是一套用来管理控制浏览器的规则
1.2顶层对象window
1.3BOM与DOM关系
1.DOM与BOM比较相似，都是管理抽象对象的规则
2.BOM主要负责页面与页面的通讯
3.BOM的核心对象就是window，通常dom一般指的都是window对象
4.BOM是对浏览器进行管理的规则，因此没有统一的标准
5.DOM通过docunment对象来访问，控制，修改html等文档中的内容
BOM通过window对象进行访问，控制，修改浏览器中的内容
1.4BOM与DOM区别
dom描述了处理网页内容的方法和接口，操作页面内部
bom描述了与浏览器进行交互的方法和接口，操作页面之间
2.页面加载事件
onloaed：dom、静态资源（css、图片）都加载完毕再来执行funciton里面的代码
DOMContentLoaded节点加载完毕之后，不包括css、图片或者替他的静态资源
3.location对象
概念：提供了当前窗口中加载文档的信息，以及通常的导航功能，主要对浏览器
window.location
参数
location.search
location.href
哈希location.hash
端口号
location.port
域名
location.hostname
域名以及端口号
location.host
路径或者文件名
location.pathname
url原地址
location.origin
location.reload;
4.同步异步
同步：按照默认书写顺序从上到下，从左到右来执行，一个执行完之后再来执行另外一个
异步：异步代码遇到同步代码，异步代码会让开，让同步代码先执行。
js中三种异步现象
1.事件
2.定时器
3.ajax
5.定时器
周期定时器
setInterval(周期函数，执行时间)
清除周期定时器clearInterval(timerid);
延迟定时器
setTimeout（回调函数，执行时间
清除延迟定时器clearTimeout(tinerid2);
6.窗口加载事件onresize
window.addEventListener('resize', function () {}）
window.innerWidth
|
