JavaScript中的BOM

JavaScript中的BOM

---

---

一、BOM简介

1、BOM（Brower Object Model）
浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window
2、BOM和DOM区别

• DOM是文档对象模型，把文档当作一个对象来看待，它的顶级对象是document
• BOM是浏览器对象模型，是把浏览器当做一个对象来看待，它的顶级对象window
  3、BOM的构成
  

二、window对象的常见事件

1、窗口加载事件
（1）window.onload:是窗口（页面）加载事件，当文档内容（包括图像、脚本文件、CSS文件等）完全加载完成会触发该事件，调用该事件对应的事件处理函数。
实现方式：

window.onload = function () {
   };  //方式一

window.addEventListener('load', function () {
   });  //方式二

（2）document.DOMContentLoaded：document.DOMContentLoaded加载事件，会在DOM加载完成时触发，这里所说的加载不包括CSS样式表、图片和flash动画等额外内容的加载
2、调整窗口大小事件window.onresize
当调整window窗口大小的时候，就触发window.onresize事件，调用事件处理函数

// 方式1
window.onresize = function () {
   };
// 方式2
window.addEventListener