javascript_BOM

1.window.addEventListener('load',function(){

      alert(11);

});//.window.onload是窗口(页面)加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、css文件等）,才调用的处理函数。

2.window.addEventListener('DOMContentLoaded',function(){

      alert(22);

});//DOMContentLoaded 是DOM加载完毕，不包含图片falsh css等就可以执行，比load更快一些；

3.window.addEventListener('resize',function(){});// window.onresize是调整窗口大小加载事件，当触发时就调用的处理函数。

4.window.innerWidth; // 当前的屏幕宽度;

5.window.innerHeight; // 当前的屏幕高度;

6.window.setTimeout;//window.setTimeout(调用函数，延迟的时间)；

语法1：setTimeout(function(){

       console.log('3秒后运行');

},3000);//3000毫秒等于3秒；

语法2：function qq(){

         console.log('2秒后运行');

}

setTimeout(qq,2000);//2000毫秒等于2秒；

7.window.clearTimeout(timeoutID);//clearTimeout()方法取消了先前通过调用setTimeout()建立的定时器；

8.window.setInterval(回调函数，[间隔的毫秒数]);//setInterval()方法重复调用一个函数，每隔这个时间，就去调用一次回调函数；

一.location对象的方法

1.location.assign();//跟href一样，可以跳转页面（也称为重定向页面），可以后退浏览过的页面；

2.location.replace();//替换当前页面,因为不记录历史，所以不能后退页面；

3.location.reload();//重新加载页面，相当于刷新按钮或者f5如果参数为true 强制刷新ctrl + f5；

二、history对象

1.back();//可以后退功能；

2.forward();//前进功能；

3.go(参数);//前进后退功能 参数如果是1 前进1个页面  如果是-1就后退1个页面；

三、offset概述

1.element.offsetParent;//返回作为元素带有定位的父级元素，如果父级都没有定位则返回body；

2.element.offsetTop;//返回元素相对带有定位父元素上方的偏移；

3.element.offsetLeft;//返回元素相对带有定位父元素左边框的偏移；

4.element.offsetWidth;//返回自身包括padding、边框、内容区的宽度、返回数值不带单位；

5.element.offsetHeight;//返回自身包括padding、边框、内容区的高度、返回数值不带单位；

四、client概述

1.element.clientTop;//返回元素上边框的大小；

2.element.clientLeft;//返回元素左边框的大小；

3.element.clientWidth;//返回自身包括padding、不含边框、内容区的宽度、返回数值不带单位；

4.element.clientHeight;//返回自身包括padding、不含边框、内容区的高度、返回数值不带单位；

五、立即执行函数（function(){}）() 或者（function(){}()）

       主要作用是：创建一个独立的作用域。避免了命名冲突问题；

六、scroll概述

1.element.scrollTop;//返回被卷去的上侧距离，返回数值不带单位；

2.element.scrollLeft;//返回被卷去的左侧距离，返回数值不带单位；

3.element.scrollWidth;//返回自身实际的宽度，不含边框，返回数值不带单位；

4.element.scrollHeight;//返回自身实际的高度，不含边框，返回数值不带单位；