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 返回窗口的文