本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了关于windows对象的常见事件的相关问题，window对象是浏览器的顶级对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法，下面一起来看一下，希望对大家有帮助。
【相关推荐：javascript视频教程、web前端】
1 BOM 概述
1.1 什么是 BOM
BOM ( Browser Object Model )即浏 览 器 对 象 模 型, 它提供了独立于内容而与浏 览 器 窗 口 进 行 交 互 的 对 象,其核心对象是window。
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。
BOM缺乏标准, JavaScript语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分。
页面 后退，前进，刷新，窗口大小，滚动等，都可以使用BOM
D O M
文档对象模型
DOM就是把文 档 当做一个对 象来看待
DOM的顶级对象是d o c u m e n t
DOM主要学习的是操作页面元素
DOM是W3C标准规范
B O M
浏览器对象模型
把color浏 览 器当做一个对 象来看待
BOM的顶级对象是w i n d o w
BOM学习的是浏览器窗口交互的- -些对象
BOM是浏览器厂商在各自浏览器上定义的,兼容性较差
对比BOM 和 DOM 在浏览器中的区域
1.2 BOM 的构成
BOM 比 DOM更大 , 它包含DOM。
window对象是浏览器的顶级对象,它具有双重角色。
1.它是 JS 访问浏览器窗口的一一个接口。
2.它是一个全局对象。 定义在全局作用域中的变量、函数都会变成window对象的属性和方法。
注意: window下的一个特殊属性window.name
eg 05-BOM顶级对象window.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script> // window.document.querySelector(); var num = 10; console.log(num); // 10 console.log(window.num); // 10 function fn() { console.log(11); } fn(); // 11 window.fn(); // 11 // alert(11); // window.alert(11); console.dir(window); // var name = 10; // 声明对象最好不要用 name console.log(window.name); </script></body></html>
