[toc] 1. window.innerHeight：獲取瀏覽器窗口的內部高度，可見的 window.innerWidth: 包括垂直滾動條的寬度 2. 對于ie8 7 6 5： document.documentElement.clientHeight：表示html文檔所在窗口的當前高度 document.documentElement.clientWidth：當前的寬度，如果有垂直滾動條則減去滾動條寬度 3. 獲取網頁內容的寬高，滾動條的高度 document.documentElement.scrollHeight document.documentElement.scrollWidth 4. screen.availWidth：可用的屏幕寬度，也稱作設備寬高 screen.availHeight：可用的屏幕高度 ``` console.log(window.innerHeight); //243 可見的 console.log(document.documentElement.clientHeight); //243 可見的 console.log(document.documentElement.scrollHeight); //243 可見的 //當把body設置為2000px時，scrollHeight為2000 console.log(screen.availHeight); //824 可用的設備高度 ``` ``` /*獲取可視的區域的width*/ var vw = document.body.clientWidth || document.documentElement.clientWidth; //設備的寬度 var dw = window.screen.avaliWidth; ```