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() |