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