Velkost viewportu s deklarovanym dokumentom

Zobrazte si priklad s nedeklarovanym dokumentom

Desktop

window.screen.availHeight a .availWidth:

Toto je velkost DESKTOPu bez akejkolvek suvislosti s velkostou plochy, v ktorej prehliadac zobrazuje stranku!

Vyska: 720  Sirka: 1280

Viewport

window.innerHeight a .innerWidth:

Nefunguje v IE. Opera aj FF ukazuju vyssie hodnoty ako skutocnost

Vyska: 720  Sirka: 1280

document.body.clientHeight a .clientWidth:

V IE a Opere ukaze skutocnu hodnotu, vo FF vyssiu.

Vyska: 514  Sirka: 1264

Viewport s document.body.scrollHeight a .scrollWidth:

Vyska: 591  Sirka: 1264

document.body.offsetHeight a .offsetWidth:

Vyska: 669  Sirka: 1264

document.documentElement.clientHeight a .clientWidth:

Firefox zobrazi spravnu velkost viewportu, Opera vyssiu a IE zobrazi nuly.

Vyska: 720  Sirka: 1280

document.documentElement.scrollHeight a .scrollWidth:

Vyska: 896  Sirka: 1280

document.documentElement.offsetHeight a .offsetWidth:

Vyska: 974  Sirka: 1280