Med JavaScriptIntroductionIf du har Yahoo e-postkonto, har du kanskje lagt merke til at Yahoo tilbyr to forskjellige nettsider for samme side informasjon. Det som interesserer oss i denne artikkelen er at de to nettsidene har ulike skjermoppløsninger. På lang sikt blir du servert den siden som passer din oppløsning, etter oppløsningen på skjermen din har blitt bestemt av kode. I denne artikkelen viser jeg deg hvordan du bruker Javascript for å avgjøre skjermoppløsning på kundens datamaskin screen.
Note det: Hvis du ikke kan se koden, eller hvis du tror noe mangler (ødelagt kobling, bilde fraværende, tekst), bare ta kontakt med meg på [email protected]. Det er, kontakt meg for den minste problemet du har om hva du reading.Server og ClientYour nettsted med sine nettsider, bosatt i en server. På klienten, trekker leseren en kopi av en nettside og viser det. På klienten, kan Javascript-skjermen gjenstanden benyttes til å bestemme oppløsningen. Koden kan da fortelle deg hva oppløsningen er eller sende resultatet tilbake til serveren ved hjelp av Ajax eller gjøre begge deler.
Hvis du ikke vet noe om Ajax, vet at jeg skrev tre artikler om Ajax i denne bloggen. For å komme til Ajax artiklene, bare skriv Ajax og mitt navn, Chrys i søkeboksen på denne siden og klikk Søk. Hvis du har en Google-søkeboksen på denne siden, kan du bruke den. Screen ResolutionsThe minste prikk som kan vises på en skjerm kalles piksel. Oppløsningen på skjermen er antall prikker som dekker skjermen rektangulært område på skjermen. Oppløsningen er alltid gitt i form av bredden og høyden på denne skjermen rektangulære.
Vanlige resolusjoner er, 800 X 600, 1024 X 768, 1152 x 864, 1280 x 960, og 1280 x 1024. Jo større oppløsning, jo større skjerm og bedre bildene som vises av skjermen. Så jo høyere oppløsning, jo bedre nettsiden din. Du kan nå se hvorfor yahoo tilbyr to forskjellige sider av samme informasjon; Noen brukere har høyere oppløsninger, og de bør få bedre presentation.The Java Screen ObjectJavaScript har visse DOM som stedene. Hver av disse objektene representerer et HTML-element. Et objekt har vanligvis egenskaper og metoder.
Du kan bruke et objekt med Javascript for å vite eller endre verdien og egenskapene til den tilsvarende HTML element.One av slike Javascript objekter er skjermen objektet. Den har to egenskaper som du bruker til å vite oppløsningen på skjermen din. Det har den egenskap, bredde, for bredden av skjermen rektangelet. Det har den egenskap, høyde, for høyden av skjermen rektangelet. Alt du trenger å gjøre er å bruke Javascript til å lese bredde eiendomsverdi på dette objektet og høyden eiendomsverdi på dette objektet. Disse bredde og høyde egenskaper returnere sine verdier i antall piksler.
Når du gjør det, må du oppløsningen; bare rapportere det i det formatet du want.Try følgende kode, som vil vise oppløsningen på skjermen din i en varslingsboks. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">