JS/JQ får höjden och bredden på olika skärmar

Lilla avskum · Publicerad på 2017-06-20 15:01:43

Javascrip{filter}t:

Webbsidans synlighetsområde: document.body.clientWidth
Webbsidans synlighetsområdehöjd: document.body.clientHeight
Webbsidans synliga områdesbredd: document.body.offsetWidth (inklusive kantens bredd)
Webbens synliga områdes höjd: document.body.offsetHeight (inklusive höjden på kanterna)
Webbsidans fulla textbredd: document.body.scrollWidth
Fulltexthöjd: document.body.scrollHeight
Sidan scrollas högt: document.body.scrollTop
Sidan scrollas till vänster: document.body.scrollLeft
I webbsidans brödtext: window.screenTop
Vänster om webbsidans brödtext: window.screenLeft
Hög skärmupplösning: fönster.skärm.höjd
Skärmens breda upplösning: fönster.skärm.bredd
Skärm tillgänglig arbetsythöjd: window.screen.availHeight
Skärmens tillgängliga arbetsytbredd: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); Höjden på det synliga området i webbläsarens aktuella fönster
alert($(dokument).höjd()); Dokumentets höjd i webbläsarens aktuella fönster
alert($(dokument.kropp).höjd()); Höjden på webbläsarens aktuella fönsterdokumentkropp
alert($(document.body).outerHeight(true)); Den totala höjden på webbläsarens aktuella fönsterdokumentkropp inkluderar marginalen för utfyllnad av kanten

alert($(window).width()); Bredden på det synliga området i webbläsarens aktuella fönster
alert($(dokument).width()); Bredden på dokumentobjektet i webbläsarens aktuella fönster
alert($(document.body).width()); Bredden på webbläsarens aktuella fönsterdokumentkropp
alert($(document.body).outerWidth(true)); Den totala bredden på webbläsarens aktuella fönsterdokumentkropp inkluderar marginalen för utfyllnad av kanten

})

yuyun100 · Publicerad på 2018-04-24 14:20:12

Spara till senare ~

[JavaScript] JS/JQ får höjden och bredden på olika skärmar

Relaterade inlägg

Avsnitt som ses