网页及屏幕的尺寸区域宽高总结

网页可见区域宽  document.body.clientWidth  
网页可见区域高  document.body.clientHeight  
网页可见区域宽(包括边线的宽)  document.body.offsetWidth  
网页可见区域高(包括边线的宽)  document.body.offsetHeight  
网页正文全文宽  document.body.scrollWidth  
网页正文全文高  document.body.scrollHeight  
网页被卷去的高  document.body.scrollTop  
网页被卷去的左  document.body.scrollLeft  
网页正文部分上  window.screenTop  
网页正文部分左  window.screenLeft  
屏幕分辨率的高  window.screen.height  
屏幕分辨率的宽  window.screen.width  
屏幕可用工作区高度  window.screen.availHeight  
屏幕可用工作区宽度  window.screen.availWidth  

 

JS获取各种屏幕的宽度和高度
描述                        用法
网页可见区域宽    document.body.clientWidth
网页可见区域高    document.body.clientHeight
网页可见区域宽    document.body.offsetWidth (包括边线的宽)
网页可见区域高    document.body.offsetHeight (包括边线的高)
网页正文全文宽    document.body.scrollWidth
网页正文全文高    document.body.scrollHeight
网页被卷去的高    document.body.scrollTop
网页被卷去的左    docum

你可能感兴趣的:(开发技巧经验分享,javascript,html,前端)