文档宽高及窗口事件

获取div的可视区域的大小 clientWidth clientHeight

var odiv=document.getElementById('odiv');
alert(odiv.clientWidth);

获取整个窗口的大小

alert(document.documentElement.clientWidth);
alert(document.documentElement.clientHeight);

滚动距离 scrollTop scrollLeft

   document.onclick= function () {
       //滚动条滚动的距离  document.documentElement.scrollTop[scrollLeft]
       //谷歌认为滚动条是属于body里面的
    //  alert(document.documentElement.scrollTop);
    //  alert(document.body.scrollTop);
      var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
   }

内容高度 scrollWidth scrollHeight

文档高度 offsetHeight

alert(document.documentElement.offsetHeight);
alert(document.body.offsetHeight);

onscroll：当滚动条滚动的时候触发
onresize：当窗口大小发生改变的时候触发