使用javascript对页面窗口进行监听

监听窗口事件

• 动态获取页面宽高

• Html页面
  

• javascript

  • 引用了jquery $

• 必须是元素div父级body内使用position:absolute绝对定位,div内使用position:relative相对定位
  
  
  document.body.clientHeight 是以网页可见区域父级高度(width:100%；height:100%)获取，不然高度不会发生改变

  div本身原始大小
  
  当页面发生变化，div的高度宽度将会自适应父级页面大小进行铺满
  

js获取DOM宽高

javascript中获取dom元素高度和宽度的方法如下：

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

对应的dom元素的宽高有以下几个常用的：

元素的实际高度：document.getElementById(“div”).offsetHeight

元素的实际宽度：document.getElementById(“div”).offsetWidth

元素的实际距离左边界的距离：document.getElementById(“div”).offsetLeft

元素的实际距离上边界的距离：document.getElementById(“div”).offsetTop