JavaScriptにおけるウィンドウサイズ
以下のプロパティは、ブラウザウィンドウのサイズを スクロールバーを含まずに含みます:
javascriptlet w = document.documentElement.clientWidth; // 幅
let h = document.documentElement.clientHeight; // 高さ
以下のプロパティは、 スクロールバーを含みます:
javascriptlet w = window.innerWidth; // 幅
let h = window.innerHeight; // 高さ
2種類のプロパティの差は、 スクロールバーのサイズを示します:
javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Задание 1
ボタンをクリックしたときに、 ウィンドウの幅と高さを出力してください。
Задание 2
ボタンをクリックしたときに、 ウィンドウに垂直スクロールがあるかどうかを確認してください。
Задание 3
ボタンをクリックしたときに、 ウィンドウに水平スクロールがあるかどうかを確認してください。