JS/JQ gauna įvairių ekranų aukštį ir plotį

Mažai purvo · Paskelbta 2017-06-20 15:01:43

Javascrip{filter}t:

Tinklalapio matomumo sritis: document.body.clientWidth
Tinklalapio matomumo srities aukštis: document.body.clientHeight
Tinklalapio matomos srities plotis: document.body.offsetWidth (įskaitant krašto plotį)
Žiniatinklio matomos srities aukštis: document.body.offsetHeight (įskaitant kraštų aukštį)
Viso tinklalapio teksto plotis: document.body.scrollWidth
Viso teksto aukštis: document.body.scrollHeight
Puslapis slenkamas aukštai: document.body.scrollTop
Puslapis slenkamas į kairę: document.body.scrollLeft
Tinklalapio tekste: window.screenTop
Tinklalapio teksto kairėje: window.screenLeft
Didelė ekrano skiriamoji geba: window.screen.height
Ekrano skiriamosios gebos plotis: window.screen.width
Galimas ekrano darbo srities aukštis: window.screen.availHeight
Galimas ekrano darbo srities plotis: window.screen.availWidth

JQuery:

$(dokumentas).ready(funkcija(){
alert($(window).height()); Dabartinio naršyklės lango matomos srities aukštis
alert($(dokumentas).height()); Dokumento aukštis dabartiniame naršyklės lange
alert($(document.body).height()); Dabartinio naršyklės lango dokumento korpuso aukštis
alert($(document.body).outerHeight(true)); Bendras dabartinio naršyklės lango dokumento teksto aukštis apima kraštinės užpildymo paraštę

alert($(langas).width()); Dabartinio naršyklės lango matomos srities plotis
alert($(dokumentas).width()); Dokumento objekto plotis dabartiniame naršyklės lange
alert($(document.body).width()); Dabartinio naršyklės lango dokumento korpuso plotis
alert($(document.body).outerWidth(true)); Bendras dabartinio naršyklės lango dokumento korpuso plotis apima kraštinės užpildymo paraštę

})

yuyun100 · Paskelbta 2018-04-24 14:20:12

Išsaugokite vėlesniam laikui ~

[JavaScript] JS/JQ gauna įvairių ekranų aukštį ir plotį

Susijusios žinutės

Peržiūrėtos sekcijos