Tamaños de ventana en JavaScript

Las siguientes propiedades contienen las dimensiones de la ventana del navegador, sin incluir la barra de desplazamiento:

javascriptlet w = document.documentElement.clientWidth;  // anchura
let h = document.documentElement.clientHeight; // altura

Las siguientes propiedades incluyen la barra de desplazamiento:

javascriptlet w = window.innerWidth;  // anchura
let h = window.innerHeight; // altura

La diferencia entre los dos tipos de propiedades da el tamaño de la barra de desplazamiento:

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

console.log(w2 - w1);