Rozmiary ekranu i okna

Wykorzystując JavaScript możemy odczytać następujące parametry:

Rozmiar ekranu

(rozdzielczość w jakiej pracuje użytkownik przeglądarki)

szerokosc_ekranu = screen.width; /* szerokość ekranu w pikselach */
wysokosc_ekranu = screen.height; /* wysokość ekranu w pikselach */

---

Rozmiary okna przeglądarki

Internet Explorer:

szerokosc_okna = document.body.offsetWidth;
wysokosc_okna = document.body.offsetHeight;
/* szerokość i wysokość obszaru klienta okna przeglądarki z uwzględnieniem paska przewijania */

szerokosc_okna = document.body.clientWidth;
wysokosc_okna = document.body.clientHeight;
/* szerokość i wysokość obszaru klienta okna przeglądarki bez paska przewijania */

Netscape:

szerokosc_okna = window.innerWidth;
wysokosc_okna = window.innerHeight;
/* szerokość i wysokość obszaru klienta okna przeglądarki z uwzględnieniem paska przewijania */

---

Rozmiary dokumentu

Internet Explorer:

szerokosc_dokumentu = document.body.scrollWidth;
wysokosc_dokumentu = document.body.scrollHeight;

Netscape:

szerokosc_dokumentu = document.width;
wysokosc_dokumentu = document.height;
/* Zarówno w przypadku jednej jak i drugiej przeglądarki chodzi tutaj o szerokość i wysokość logiczną dokumentu. To znaczy, że brana jest pod uwagę ta część dokumentu, która jest widoczna w oknie, jak również ta część, która pozostaje do przewinięcia */

---

Przewinięcie dokumentu

Internet Explorer:

przewiniecie_w_pionie = document.body.scrollTop;
przewiniecie_w_poziomie = document.body.scrollLeft;
/* wielkość podana w pikselach, informująca w jakim stopniu dokument został przewinięty w pionie lub w poziomie */

Netscape:

przewiniecie_w_pionie = window.pageYOffset;
przewiniecie_w_poziomie = window.pageXOffset;
/* wielkość podana w pikselach, informująca w jakim stopniu dokument został przewinięty w pionie lub w poziomie */