JavaScript терезесінің өлшемдері

Төмендегі қасиеттер браузер терезесінің ауысып қозу жолағын қоспағандағы өлшемдерін қамтиды:

let w = document.documentElement.clientWidth;  // ені
let h = document.documentElement.clientHeight; // биіктігі

Төмендегі қасиеттер ауысып қозу жолағын қосады:

let w = window.innerWidth;  // ені
let h = window.innerHeight; // биіктігі

Екі түрлі қасиеттер арасындағы айырмашылық ауысып қозу жолағының өлшемін береді:

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

console.log(w2 - w1);

Түймешені басу арқылы терезенің ені мен биіктігін шығарыңыз.

Түймешені басу арқылы терезенің тік ауысып қозу жолағының бар-жоғын тексеріңіз.

Түймешені басу арқылы терезенің көлденең ауысып қозу жолағының бар-жоғын тексеріңіз.