| check | code | value |
|---|---|---|
| 垂直スクロールバーを含む、ブラウザウィンドウのviewportの幅 | window.innerWidth | |
| サイドバー、ウィンドウ、ブラウザウィンドウ全体の幅 | window.outerWidth | |
| 現在のウィンドウが描写されている画面の幅 | window.screen.width | |
| ウィンドウで利用可能な水平方向のスペースの合計 | window.screen.availWidth | |
| body要素のpaddingを含み、垂直スクロールバー、border、marginを含まない幅 | document.body.clientWidth | |
| body要素のpadding、垂直スクロールバー、borderを含み、marginを含まない幅 | document.body.offsetWidth | |
| body要素内の要素の幅か、body要素自身の幅のいずれか大きい方 | document.body.scrollWidth | |
| html要素のpaddingを含み、垂直スクロールバー、border、marginを含まない幅 | document.documentElement.clientWidth | |
| html要素のpadding、垂直スクロールバー、borderを含み、marginを含まない幅 | document.documentElement.offsetWidth | |
| html要素内の要素の幅か、html要素自身の幅のいずれか大きい方 | document.documentElement.scrollWidth | |
| jQueryで取得したウィンドウの幅 | $(window).width() | |
| jQueryで取得したドキュメントの幅 | $(document).width() |
| check | code | value |
|---|---|---|
| 水平スクロールバーを含む、ブラウザウィンドウのviewportの高さ | window.innerHeight | |
| ツールバー、ウィンドウを含む、ブラウザウィンドウ全体の高さ | window.outerHeight | |
| 現在のウィンドウが描写されている画面の高さ | window.screen.height | |
| 固定あるいは半固定のユーザーインターフェイス部分を除いたスクリーンの高さ | window.screen.availHeight | |
| body要素のpaddingを含み、水平スクロールバー、border、marginを含まない高さ | document.body.clientHeight | |
| body要素のpadding、水平スクロールバー、borderを含み、marginを含まない高さ | document.body.offsetHeight | |
| body要素内の要素の高さか、body要素自身の高さのいずれか大きい方 | document.body.scrollHeight | |
| html要素のpaddingを含み、水平スクロールバー、border、marginを含まない高さ | document.documentElement.clientHeight | |
| html要素のpadding、水平スクロールバー、borderを含み、marginを含まない高さ | document.documentElement.offsetHeight | |
| html要素内の要素の高さか、html要素自身の高さのいずれか大きい方 | document.documentElement.scrollHeight | |
| jQueryで取得したウィンドウの高さ | $(window).height() | |
| jQueryで取得したドキュメントの高さ | $(document).height() |