BOM的概念

• BOM指浏览器对象模型，BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他都是子对象
• 我们在浏览器的一些操作都可以使用BOM的方式进行编程处理

window对象

• window是浏览器的顶级对象，当调用window下属性和方法时，可以省略window。
• window下两个特殊的属性window.name、window.top

onload 事件

• 我们可以给window对象或者img等元素添加onload加载事件，只有绑定事件的元素加载完毕才能触发事件，才能执行函数
• 利用window.onload事件，可以将js代码提前到html结构之前

延时器

• 延时器是window对象的一个方法，类似于定时炸弹
• 语法： window.setTimeout(func,time);
• 第一个参数：延时执行的函数，可以匿名函数定义或者引用
• 第二个参数，延时的时间，1000等于1秒

清楚延时器

window对象的一个方法

• window.clearTimeout
• 指定岩石圈变量名引用，清除延时器需要存储到一个变量中，便于后期清除调用

定时器

• window.setInterval(func,interval);
• 第一个参数：每次执行的函数，可以是匿名函数定义，或者是一个函数名的引用
• 第二个参数：时间间隔

清除定时器

• window.clearInterval(timer)

location对象

• location 可以获取或者设置浏览器地址栏的URL
• location.href = ""; 重新赋值，可以跳转新页面，并记录历史
• location.assign(); 重新赋值，可以跳转新页面，并记录历史
• location.replace(); 替换地址，无法记录历史
• location.reload() 重新加载，类似键盘中f5功能。参数：true强制从服务器获取页面，false 如果浏览器有缓存网页，会直接从缓存中获取页面

URL

• 统一资源定位符
• 组成： scheme://host:port/path?query#fragment
• scheme: 通信协议，常用http,ftp,maito
• host:主机，服务器域名和ip地址
• port：端口号，
• path：路径，表示主机上的一个目录或者文件地址
• query: 查询，用&符号隔开，每个参数名和值用=符号隔开
• fragment: 信息片段，字符串，锚点

history对象

• history是window对象下的一个属性，使用后可以忽略window对象
• history对象可以与浏览器历史记录进行交互