JavaScript'te Pencere Boyutları

Aşağıdaki özellikler, kaydırma çubuğunu içermeyen tarayıcı penceresinin boyutlarını içerir:

javascriptlet w = document.documentElement.clientWidth;  // genişlik
let h = document.documentElement.clientHeight; // yükseklik

Aşağıdaki özellikler kaydırma çubuğunu içerir:

javascriptlet w = window.innerWidth;  // genişlik
let h = window.innerHeight; // yükseklik

İki tip özellik arasındaki fark, kaydırma çubuğunun boyutunu verir:

javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;

console.log(w2 - w1);