Διαστάσεις Παραθύρου σε JavaScript

Οι ακόλουθες ιδιότητες περιέχουν τις διαστάσεις του παραθύρου του προγράμματος περιήγησης, χωρίς να συμπεριλαμβάνουν τη γραμμή κύλισης:

javascriptlet w = document.documentElement.clientWidth;  // πλάτος
let h = document.documentElement.clientHeight; // ύψος

Οι ακόλουθες ιδιότητες συμπεριλαμβάνουν τη γραμμή κύλισης:

javascriptlet w = window.innerWidth;  // πλάτος
let h = window.innerHeight; // ύψος

Η διαφορά μεταξύ των δύο τύπων ιδιοτήτων δίνει το μέγεθος της γραμμής κύλισης:

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

console.log(w2 - w1);