←これを押すと10秒間拍手を送るよ!
画面サイズや表示位置などを保持した各種変数が用意されており、JavaScriptで利用することができます。
下記の表はその変数から実際に値を取得しているものです。ブラウザーの画面を小さくしたりスクロールさせたりして、確かめてみましょう。
| screen.width | 画面幅 | |
| screen.height | 画面高 | |
| screen.availWidth | 有効画面幅 | |
| screen.availHeight | 有効画面高 | |
| window.innerWidth | 表示領域幅 | |
| window.innerHeight | 表示領域高 | |
| window.outerWidth | ウィンドウ幅 | |
| window.outerHeight | ウィンドウ高 | |
| document.documentElement.clientWidth | 表示領域幅 | |
| document.documentElement.clientHeight | 表示領域高 | |
| document.width | 表示領域幅 | |
| document.height | 表示領域高 | |
| document.documentElement.scrollTop | 上端からのスクロール量 | |
| document.documentElement.scrollLeft | 左端からのスクロール量 | |
| document.body.scrollTop | 上端からのスクロール量 | |
| document.body.scrollLeft | 左端からのスクロール量 | |
| document.documentElement.scrollTop | ドキュメント領域高 | |
| document.documentElement.scrollLeft | ドキュメント領域幅 | |
| document.body.scrollTop | ドキュメント領域高 | |
| document.body.scrollLeft | ドキュメント領域幅 |