JavaScript——03 BOM编程

一.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的区别，请看下图 (*￣︶￣)