JS BOM对象的介绍与应用

BOM对象的介绍

JS的三大组成部分：
ECMAScript：JS的规范
DOM:DOM是一套操作HTML标签的API（接口/方法/属性）
BOM：是一套操作浏览器的API（接口/方法/属性）全称Browser Object Model 浏览器对象模型，浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

常见的BOM对象：
window：代表整个浏览器窗口（window是BOM中的一个对象，并且是顶级的对象）
Navigator：代表浏览器当前的信息，通过Navigator我们可以获取用户当前使用的是什么浏览器
Screen：代表用户的屏幕信息
History：代表浏览器的历史信息，通过History我们可以实现上一步/刷新/下一步操作（出于
对用户的隐私考虑，我们只能拿到当前的浏览记录，不能拿到所有的历史记录）
Location： 代表浏览器当前的地址信息，通过Location我们可以获取或者设置当前的地址信息
document ：文档对象

window对象的介绍与使用

window对象:浏览器窗口
BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

特点：
1.对于全局变量或者全局方法，在取值或者调用时，可以省略window

var a=12;
console.log(a);
console.log(window.a);
console.log(window);
console.log(window.a==a);//true
	   
//alert(123);//window.alert(123);

2.window对象是js中的顶级对象（所有的全局变量 全局函数 包括document 都是window属性）

console.log(document.body);
console.log(window.document.body);

3.window对象有一个默认的属性name，而且name的值只能是字符串

console.log(age);//报错  因为没有定义
console.log(name);

//window对象有一个默认的属性name，而且name的值只能是字符串
window.name=10;
console.log(name);
name=[12,34,25];
console.log(name);

4.top属性是只读性质的 无法修改,返回最顶层的父窗口。

console.log(top);
var top="123";
console.log(top);

top 返回最顶层的父窗口。
语法

window.top