JavaScript中各種寬高的理解和應用

下面來拋磚引玉，簡單的把“js/jquery各種寬高的理解和應用”再來說一下！

window相關的寬高

window是可以省略的，直接與window掛鈎的寬高有如下幾個！

window.innerWidth
window.innerHeight
window.outerWidth
window.outerHeight
展示如下：

innerHeight又叫可視地區。支援IE9及以上瀏覽器。

window.screen.height
window.screen.width
window.screen.availHeight
window.screen.availWidth
window.screenTop
window.screenLeft
enter link description here

與document相關的寬高

包括與client相關的、與offset相關的、與scroll相關的。

並講到了documentElement和body的區別。

Event對象的五種座標

具體我就不多寫了，等上線之後大家看視頻教程吧！