前端 —— JavaScript 基础篇 19 --- BOM （window ）对象

BOM

Browser Object Model  浏览器对象模型

    核心对象是window

    BOM > DOM BOM包含DOM

 window 对象

1 js访问浏览器窗口的接口 

 2 全局作用域下的变量或者函数 都会成为window对象的属性或方法

 

 

window常见事件

1、onload

窗口加载(文档内容完全加载完成)完毕 window.onload = function() {} 或者 onload = function() {}；

事件会在窗体加载完成后执行，通常称之为入口函数。

（1）一个页面中不能有两个onload函数，写在下面的会覆盖掉上面的

 （2）浏览器会对页面的加载做优化，在加载图片的时候，图片的引入会延迟。所以，操作图片的代码一定要写到window.onload里面，否则图片没有加载完    获取到的宽度和高度不对的情况

console.dir(window.document);
console.dir(window.document === document);//true

var a = 10;
console.log(a);
console.log(a === window.a);//true

function fn(){

};
console.log(fn === window.fn);//true

来看个小【实例】：

window.addEventListener('load',function(){
	var box = document.querySelector('.box');
	window.addEventListener('resize',function(){
		if(window.innerWidth >=700){
			box.style.display = 'none';
		}else{
			box.style.display = 'block';
		}
	})
})

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文