Met JavaScriptIntroductionIf u de Yahoo Mail-account, zou u zijn opgevallen dat Yahoo biedt twee verschillende webpagina's voor dezelfde pagina informatie. Wat interesseert ons in dit artikel is dat de twee webpagina's hebben verschillende schermresoluties. Op de lange termijn die u geserveerd de pagina die past bij uw resolutie, na de resolutie van het scherm is bepaald door code. In dit artikel heb ik laten zien hoe je JavaScript gebruiken om de schermresolutie van de computer screen.
Note van de klant vast te stellen: Als je niet kunt zien de code of als u denkt dat er iets ontbreekt (gebroken link afbeelding afwezig, tekst), neem dan contact met mij op bij [email protected]. Dat is, contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.Server en ClientYour website met haar webpagina's, woont in een server. Op de client browser trekt een kopie van een webpagina en geeft deze weer. Bij de klant, kan de JavaScript-scherm object worden gebruikt om de resolutie te bepalen.
De code kan je dan vertellen wat de resolutie is of stuur het resultaat naar de server met behulp van Ajax of beide. Als je niet weet niets over Ajax, weet dat ik schreef drie artikelen over Ajax in deze agenda. Aan de Ajax artikelen te krijgen, typ je gewoon Ajax en mijn naam, Chrys in het zoekvak van deze pagina en klik op Zoeken. Als u een Google-zoekvak op deze pagina gebruiken. Screen ResolutionsThe kleinste punt die op een beeldscherm kan worden weergegeven wordt de pixel. De resolutie van het beeldscherm is het aantal punten dat de weergave rechthoekig gebied van het scherm te dekken.
De resolutie wordt altijd gegeven in termen van de breedte en hoogte van dit scherm rechthoekige. Voorkomende resoluties zijn 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960 en 1280 x 1024. Hoe hoger de resolutie, hoe groter het scherm en hoe beter de beelden die door het scherm. Dus hoe hoger de resolutie, hoe beter uw webpagina. U kunt nu zien waarom Yahoo biedt twee verschillende pagina's voor dezelfde informatie; sommige gebruikers hebben een hogere resoluties en ze moeten genieten van een betere presentation.The JavaScript Screen ObjectJavaScript heeft bepaalde DOM-achtige objecten.
Elk van deze objecten vertegenwoordigt een HTML-element. Een object heeft normaal eigenschappen en methoden. U kunt een object gebruiken JavaScript om te weten of de waarde en de kenmerken van de overeenkomstige HTML element.One van deze JavaScript-objecten is het object scherm. Het heeft twee eigenschappen die u gebruikt om de resolutie van het scherm te kennen. Het heeft de eigenschap, breedte, de breedte van het scherm rechthoek. Het heeft de eigenschap, hoogte, de hoogte van het beeldscherm rechthoek.
Alles wat je hoeft te doen is om JavaScript te gebruiken om de eigenschap width de waarde van dit object en de hoogte eigenschap waarde van het object te lezen. De breedte en hoogte eigenschappen terugkeren hun waarden in het aantal pixels. Als je dat doet, heb je de resolutie; gewoon melden in welk formaat u de volgende code, die de resolutie van uw scherm zou geven in een waarschuwingsvenster want.Try. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">