Med JavaScriptIntroductionIf du har Yahoo e-postkonto, kanske du har märkt att Yahoo erbjuder två olika webbsidor för samma sida information. Det som intresserar oss i den här artikeln är att de två webbsidor har olika skärmupplösningar. På lång sikt du serveras den sida som passar er resolution, efter upplösningen på din skärm har bestämts av kod. I den här artikeln visar jag hur du använder JavaScript för att bestämma skärmupplösning kundens dator screen.
Note: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild frånvarande, text), bara att kontakta mig på [email protected]. Det är, kontakta mig för minsta problem du har om vad du är reading.Server och ClientYour webbplats med sina webbsidor, bosatt i en server. Vid klienten, drar webbläsaren en kopia av en webbsida och visar den. På klienten kan JavaScript skärmobjekt användas för att bestämma upplösningen. Koden kan sedan berätta vad resolutionen eller skicka resultatet tillbaka till servern med Ajax eller gör både och.
Om du inte vet något om Ajax, vet att jag skrev tre artiklar om Ajax i den här bloggen. För att komma till Ajax artiklar, skriv bara Ajax och mitt namn, Chrys i sökrutan på den här sidan och klicka på Sök. Om du har en Google-sökruta på denna sida, använd den. Screen ResolutionsThe minsta prick som kan visas på en skärm kallas pixel. Upplösningen på skärmen är det antal punkter som täcker visnings rektangulärt område på skärmen. Upplösningen alltid ges i form av bredden och höjden på denna visare rektangulära.
Vanliga upplösningar är 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960 och 1280 x 1024. Den större upplösning, desto större skärmen och bättre bilder som visas av skärmen. Så ju högre upplösning, desto bättre din webbsida. Nu kan du se varför yahoo erbjuder två olika sidor för samma information; vissa användare har högre upplösning och de bör få bättre presentation.The JavaScript Screen ObjectJavaScript har vissa DOM liknande föremål. Var och en av dessa objekt representerar ett HTML-element. Ett objekt har normalt egenskaper och metoder.
Du kan använda ett objekt med JavaScript för att veta eller ändra värdet och egenskaper hos motsvarande HTML element.One sådana JavaScript-objekt är skärmobjekt. Den har två egenskaper som du använder för att veta upplösningen på din skärm. Det har den egenskapen, bredd, för bredden av displayen rektangeln. Det har den egenskapen, höjd, för höjden av displayen rektangeln. Allt du behöver göra är att använda JavaScript för att läsa bredd fastighetsvärde om detta objekt och höjden fastighetsvärde om detta objekt. Dessa egenskaperna width och height tillbaka sina värderingar i antalet pixlar.
När du gör det, har du upplösning; helt enkelt rapportera det i det format du want.Try följande kod, vilket skulle visa upplösningen på din skärm i en varningsruta. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">