JS/JQ získává výšku a šířku různých obrazovek

Malý hajzl · Zveřejněno 20.06.2017 15:01:43

Javascrip{filter}t:

Oblast viditelnosti webové stránky: document.body.clientWidth
Výška viditelnosti webové stránky: document.body.clientHeight
Viditelná šířka webové stránky: document.body.offsetWidth (včetně šířky hrany)
Web Viditelná Výška plochy: document.body.offsetVýška (včetně výšky hran)
Šířka celého textu webové stránky: document.body.scrollWidth
Výška plného textu: document.body.scrollHeight
Stránka je posunuta vysoko: document.body.scrollTop
Stránka je posunuta doleva: document.body.scrollLeft
Na hlavní straně webové stránky: window.screenTop
Vlevo od těla webové stránky: window.screenLeft
Vysoké rozlišení obrazovky: window.screen.height
Šířka rozlišení obrazovky: window.screen.width
Výška dostupného pracovního prostoru na obrazovce: window.screen.availVýška
Šířka dostupného pracovního prostoru na obrazovce: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); Výška viditelné oblasti aktuálního okna prohlížeče
alert($(document).height()); Výška dokumentu v aktuálním okně prohlížeče
alert($(document.body).height()); Výška aktuálního těla okna prohlížeče
alert($(document.body).outerHeight(true)); Celková výška aktuálního těla dokumentu v okně v prohlížeči zahrnuje okraj vycpávky

alert($(window).width()); Šířka viditelné oblasti aktuálního okna prohlížeče
alert($(document).width()); Šířka objektu dokumentu v aktuálním okně prohlížeče
alert($(document.body).width()); Šířka aktuálního těla okna prohlížeče
alert($(document.body).outerWidth(true)); Celková šířka aktuálního těla okna prohlížeče zahrnuje okraj vycpávky

})

yuyun100 · Zveřejněno 24.04.2018 14:20:12

Ulož si na později ~

[JavaScript] JS/JQ získává výšku a šířku různých obrazovek

Související příspěvky

Prohlížené sekce