JS/JQ saa eri näyttöjen korkeuden ja leveyden

Pikku roisto · Julkaistu 20.6.2017 15.01.43

Javascrip{filter}t:

Verkkosivun näkyvyysalue: document.body.clientWidth
Verkkosivun näkyvyysalueen korkeus: document.body.clientHeight
Verkkosivun näkyvä pinta-alan leveys: document.body.offsetWidth (mukaan lukien reunan leveys)
Web Näkyvän alueen korkeus: document.body.offsetHeight (mukaan lukien reunojen korkeus)
Verkkosivun koko tekstin leveys: document.body.scrollWidth
Koko tekstin korkeus: document.body.scrollHeight
Sivu vieritetään korkealle: document.body.scrollTop
Sivu vieritetään vasemmalle: document.body.scrollLeft
Verkkosivun rungossa: window.screenTop
Verkkosivun rungon vasemmalla puolella: window.screenLeft
Korkea näytön resoluutio: window.screen.height
Näytön resoluution leveys: window.screen.width
Näytön käytettävissä oleva työtilan korkeus: window.screen.availHeight
Näytön käytettävissä oleva työtilan leveys: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); Selaimen nykyisen ikkunan näkyvän alueen korkeus
alert($(document).height()); Dokumentin korkeus selaimen nykyisessä ikkunassa
alert($(document.body).height()); Selaimen nykyisen ikkunadokumentin rungon korkeus
alert($(document.body).outerHeight(true)); Selaimen nykyisen ikkunadokumentin rungon kokonaiskorkeus sisältää reunatäytteen marginaalin

alert($(window).width()); Selaimen nykyisen ikkunan näkyvän alueen leveys
alert($(document).width()); Dokumenttiobjektin leveys selaimen nykyisessä ikkunassa
alert($(document.body).width()); Selaimen nykyisen ikkunadokumentin rungon leveys
alert($(document.body).outerWidth(true)); Selaimen nykyisen ikkunadokumentin rungon kokonaisleveys sisältää reunatäytteen marginaalin

})

Yuyun100 · Julkaistu 24.4.2018 14.20.12

Säästä myöhemmäksi ~

[JavaScript] JS/JQ saa eri näyttöjen korkeuden ja leveyden

Aiheeseen liittyvät julkaisut

Katsotut osuudet