JS/JQ får højde og bredde af forskellige skærme

Lille skarn · Opslået på 20/06/2017 15.01.43

Javascrip{filter}t:

Webside-synlighedsområde: document.body.clientBredde
Websidesynlighedsområde højde: document.body.clientHeight
Websides synlige områdebredde: document.body.offsetWidth (inklusive bredden af kanten)
Web synligt områdehøjde: document.body.offsetHeight (inklusive højden på kanterne)
Den fulde tekstbredde på websiden: document.body.scrollWidth
Fuld teksthøjde: document.body.scrollHeight
Siden scrolles højt: document.body.scrollTop
Siden scrolles til venstre: document.body.scrollLeft
På selve delen af websiden: window.screenTop
Venstre for websidens indhold: window.screenLeft
Høj skærmopløsning: window.screen.height
Skærmopløsningens bredde: window.screen.width
Skærm tilgængelig arbejdsområdehøjde: window.screen.availHeight
Skærm tilgængelig arbejdsområdebredde: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); Højden på det synlige område i browserens nuværende vindue
alert($(dokument).højde()); Dokumentets højde i browserens nuværende vindue
alert($(dokument.krop).højde()); Højden af browserens nuværende vinduesdokumentkrop
alert($(document.body).outerHeight(true)); Den samlede højde af browserens nuværende vinduesdokumentkrop inkluderer kantudfyldningsmarginen

alert($(window).width()); Bredden af det synlige område i browserens nuværende vindue
alert($(dokument).width()); Bredden af dokumentobjektet i browserens aktuelle vindue
alert($(document.body).width()); Bredden af browserens nuværende vinduesdokumentkrop
alert($(document.body).outerWidth(true)); Den samlede bredde af browserens nuværende vinduesdokumentkrop inkluderer kantudfyldningsmarginen

})

yuyun100 · Opslået på 24/04/2018 14.20.12

Gem til senere ~

[JavaScript] JS/JQ får højde og bredde af forskellige skærme

Relaterede indlæg

Afsnit set