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