一.BOM的基本介绍
- BOM（Borwser Object Model） 浏览器对象模型，它的核心对象是window。
- BOM由一系列相关对象构成，并且每个对象都提供了很多方法和属性。
- BOM缺乏标准，JavaScript语法的标准组织是ECMA,DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
二.BOM的构成
BOM笔DOM更大，BOM包含DOM。
- window对象，是JS的最顶层对象，它具有双重角色。它是JS访问浏览器窗口的一个接口。也是一个全局对象。定义在全局作用域中的变量，函数都会变成Windows对象的属性和方法。其他的BOM对象都是window对象的属性 ，在调用的时候可以省略windows，对话框都属于windows对象方法，如alert（），prompt（）；
- document对象，文档对象；
- location对象，浏览器当前URL信息；
- navigation对象，浏览器本身信息；
- screen对象，客户端屏幕信息；
- history对象，浏览器访问历史信息；
三.窗口加载事件
代码执行顺序是从上往下，所以在给一个按钮添加点击事件，要先设置按钮，然后获得按钮在进行操做
<button>点击</button> <script> var btn = document.querySelector('button'); btn.onclick=function(){ alert('您点了我一下'); } </script>
如果想把点击事件放到页面前面，那就要通过窗口加载事件来完成，看小编操作吧！
window.onload 就是窗口加载事件，当文档内容完全加载完成就会调用此窗口事件
window.onload = function ( ){ }
或者
window.addEventListener("load",function(){});
那么第一种和第二种有什么区别呢？？？？
- window.onload只能写一次，如果有多个，则会以最后一个为准
- 如果是window.addEventListener 则没有限制
如果有小伙伴不知道BOM和DOM的区别，请看下图 (*￣︶￣)
