学习笔记17_BOM概述

BOM概述

• BOM = Browser Object Model 👉浏览器对象模型
• 它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window
• BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
• BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3C, BOM最初是Netscape 浏览器标准的一部分

DOM	BOM
文档对象模型	浏览器对象模型
DOM 就是把 文档 当作一个对象来看待	把 浏览器当作一个对象来看待
DOM 的顶级对象是 document	BOM 的顶级对象是 window
DOM 主要学习的是操作页面元素	BOM 学习的是浏览器窗口交互的一些对象
DOM 是 W3C 标准规范	BOM 是浏览器厂商在各自浏览器上定义的，兼容性较差

BOM的构成

1. BOM 比 DOM 更大。它包含 DOM。

2. window 对象是浏览器的顶级对象，它具有双重角色

3. 它是 JS 访问浏览器窗口的一个接口

4. 它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法

5. 在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt()等。

6. 注意：window有一个特殊属性 window.name，所以尽量不要把变量名命名为name

// 定义在全局作用域中的变量会变成window对象的属性
var num = 10;
console.log(window.num);
// 10

// 定义在全局作用域中的函数会变成window对象的方法
function fn() {
    console.log(11);
}
console.fn();
// 11

var name = 10;  //不要用这个name变量,window下有一个特殊属性window.name
console.log(window.num);

殊属性window.name
console.log(window.num);