BOM对象

BOM - browser object model == 浏览器 对象 模型

BOM提供了一套操作浏览器的方法，这套方法都是使用对象来操作的

window - 全局对象 - 浏览器窗口

BOM的操作，都是window对象来操作的 - window的操作 - window对象

BOM 对象的结构 ，由一个最大的对象，里面包含很多小对象

window - navigator - 记录了浏览器的信息

console.log(window.navigator);
console.log(window.navigator.appName); // 浏览器名称 Netscape
//window.navigator.appName 所有浏览器得出的都是 Netscape
// Netscape 代表网景浏览器的名称 - 为了纪念网景公司

console.log(window.navigator.appCodeName); // 浏览器内核
// // Mozilla

console.log(window.navigator.appVersion); // 浏览器的版本

console.log(window.navigator.userAgent); // 浏览器的整体信息

history 是浏览器的历史记录 - 可以前进操作、后退操作

console.log(window.history);

history用来在访问过的页面中进行前进后退
history.back() 回退一个页面
history.foward() 前进一个页面
history.go() 前进(正数)或后退(负数)数字个页面

location用来操作浏览器的地址栏
location.href - 用来获取/设置地址栏的地址

console.log(window.location.href); // 很重要-经常用
window.location.href = "./history/1.html" // 相当于在跳转
btn.onclick=function(){
   window.location.reload(); // 刷新当前页面
}
var a = window.location.search; // 获取地址栏中携带的数据 - 也就是地址栏？后面的内容
console.log(a);

window弹出层就是弹窗

window.alert(321); // 其实alert是window对象的一个方法
//还有
window.confirm();//有确定/取消的弹窗
window.prompt();//有确定/取消的输入弹窗
// 因为在BOM和DOM中，最顶级的对象就是window，并且他还代表全局，所以一般的操作是不用window的，window可以省略

window事件
window.on事件类型=function(){}
load - 加载事件
resize - 当浏览器窗口大小改变的时候
scroll - 当滚动条滚动的时候触发