Med JavaScriptIntroductionIf du har Yahoo mail-konto, har du måske bemærket, at Yahoo tilbyder to forskellige websider til den samme side oplysninger. Hvad der interesserer os i denne artikel er, at de to websider har forskellige skærmopløsninger. På det lange løb, du er tjent den side, der passer til din løsning, efter at opløsningen på din skærm er blevet bestemt af kode. I denne artikel, jeg vise dig, hvordan du bruger JavaScript til at bestemme skærmopløsning på kundens computer screen.
Note: Hvis du ikke kan se koden, eller hvis du tror noget mangler (brudt link, billede fraværende, tekst), bare kontakte mig på [email protected]. Det vil sige, kontakt mig for det mindste problem, du har om, hvad du er reading.Server og ClientYour hjemmeside med sine websider, er bosat i en server. På klienten, browseren trækker en kopi af en webside og viser det. Hos kunden, kan JavaScript skærmbilledobjekterne anvendes til at bestemme opløsningen. Koden kan så fortælle dig, hvad opløsningen er eller sende resultatet tilbage til serveren ved hjælp Ajax eller gøre begge dele.
Hvis du ikke ved noget om Ajax, ved, at jeg skrev tre artikler om Ajax i denne blog. For at komme til Ajax artikler, så skriv Ajax og mit navn, Chrys i søgefeltet på denne side og klik på Søg. Hvis du har en Google-søgefelt på denne side, bruge det. Screen ResolutionsThe mindste prik, der kan vises på en skærm kaldes pixel. Opløsningen på din computerskærm er antallet af prikker, der dækker skærmen rektangulære område af skærmen. Opløsningen er altid i form af bredden og højden af denne skærm rektangulære.
Almindelige resolutioner er, 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960, og 1280 x 1024. Den større opløsning, jo større skærmen og bedre de billeder, der vises af skærmen. Så jo højere din opløsning, jo bedre din webside. Du kan nu se, hvorfor yahoo tilbyder to forskellige sider til de samme oplysninger; nogle brugere har højere opløsninger, og de bør nyde bedre presentation.The JavaScript Screen ObjectJavaScript har bestemt DOM ligesom objekter. Hvert af disse objekter er en HTML-element. Et formål normalt har egenskaber og metoder.
Du kan bruge et objekt med JavaScript at vide eller ændre værdien og karakteristika tilsvarende HTML element.One af sådanne JavaScript objekter er skærmen objekt. Det har to egenskaber, som du bruger til at kende opløsningen på din skærm. Det har den egenskab, bredde, bredden af skærmen rektangel. Det har den egenskab, højde, for højden af skærmen rektangel. Alt du skal gøre er at bruge JavaScript til at læse bredden ejendomsværdi af dette objekt og højden ejendomsværdiskat af dette objekt. Disse bredde og højde egenskaber returnere deres værdier i antal pixels.
Når du gør det, har du beslutning; simpelthen rapportere det uanset format, du want.Try følgende kode, som ville vise opløsningen på din skærm i en advarsel boks. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">