Objektet "screen"
Det handler om de ting på skærmen, der ikke ændres, selvom vinduet ændres:
Højde og bredde (fraregnet hvad styresystemet optager) i pixels, og antal
farver i bits (f.eks. 16 bits = 216 = 65536).
Objektet ejer ingen metoder eller event-handlere, kun variable, og de er
alle ReadOnly.
| variabel | screen.variabel |
|
availHeight
availLeft
availTop
availWidth
colorDepth
height
pixelDepth
width
|
|
|
Når man laver midlertidige vinduer har man tit brug for at vide skærm-bredde og -højde, og
med alle andre browsere end Opera er det hele skærmbredden (window.innerWidth og window.innerHeight),
så for at finde ud af hvor meget plads man har kan man definere 2 variabler,
her kaldet bred og hoej, hvor:
var Opera = (navigator.appName.indexOf("Opera") >= 0); // (se nedenfor)
var bred = (Opera) ? window.innerWidth : screen.width;
var hoej = (Opera) ? window.innerHeight : screen.height;
Nye tider (1.april 2012):
Da jeg i dag prøvede at kigge på denne side, og siden med object windows
 ,
med min favoritbrowser Firefox, så jeg til
min glæde og overraskelse at der nu er forskel på window.innerWidth, window.outerWidth og screen.availWidth ... og
tilsvarende for højden. Jeg må se at få lavet en test med alle mine mange forskellige browsere!
Og da jeg så prøvede med Internet Explorer virkede det ikke, ak! Her en løsningsmodel, metoden er for øvrigt generelt
anvendelig når man har noget der bruger forskellige metoder/variable med forskellige browsere.
To forskellige metoder (funktioner), der virker lige godt:
function bredde1(){
var facit = (window.innerWidth) ? window.innerWidth : screen.width;
return facit;
} | |
function bredde2(){
return (window.innerWidth)||screen.width;
}
|
|