Avec JavaScriptIntroductionIf vous avez le compte de messagerie Yahoo, vous avez sans doute remarqué que Yahoo propose deux pages différentes pour les mêmes informations de la page. Ce qui nous intéresse dans cet article est que les deux pages Web ont différentes résolutions d'écran. À long terme, vous êtes servi la page qui convient à votre résolution, après la résolution de votre écran a été déterminée par le code. Dans cet article, je vous montre comment utiliser JavaScript pour déterminer la résolution de l'ordinateur de screen.
Note du client de l'écran: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente, texte), contactez-moi au [email protected]. Voilà, me contacter pour le moindre problème que vous avez à propos de ce que vous êtes et reading.Server ClientYour site web avec ses pages web, réside dans un serveur. Au niveau du client, le navigateur tire une copie d'une page Web et l'affiche. Au niveau du client, l'objet d'écran JavaScript peut être utilisé pour déterminer la résolution.
Le code peut alors vous dire ce que la résolution est ou envoyer le résultat au serveur en utilisant Ajax ou faire les deux. Si vous ne savez rien sur Ajax, savoir que je l'ai écrit trois articles sur l'Ajax dans ce blog. Pour obtenir les articles Ajax, il suffit de taper Ajax et mon nom, Chrys dans la boîte de recherche de cette page puis cliquez sur Rechercher. Si vous avez une boîte de recherche Google sur cette page, utiliser. Le plus petit point de l'écran qui peut être affichée sur un écran est appelée pixel.
La résolution de votre écran d'ordinateur est le nombre de points qui couvrent la zone rectangulaire d'affichage de votre écran. La résolution est toujours donnée en termes de largeur et la hauteur de cet écran rectangulaire. Résolutions ordinaires ont, 800 X 600, 1024 x 768, 1152 x 864, 1280 x 960, 1280 x 1024. et Plus la résolution est grande, plus l'écran et le mieux les images affichées par l'écran. Ainsi, plus la résolution, le meilleur de votre page web.
Vous pouvez maintenant voir pourquoi Yahoo propose deux pages différentes pour la même information; certains utilisateurs ont des résolutions plus élevées et ils devraient bénéficier d'un meilleur écran presentation.The JavaScript ObjectJavaScript a certains DOM comme des objets. Chacun de ces objets représente un élément HTML. Un objet a normalement propriétés et méthodes. Vous pouvez utiliser un objet avec JavaScript pour connaître ou modifier la valeur et les caractéristiques du HTML element.One correspondant de tels objets JavaScript est l'objet de l'écran.
Il possède deux propriétés que vous utilisez pour connaître la résolution de votre écran. Il a la propriété, la largeur, la largeur du rectangle d'affichage. Il a la propriété, la hauteur, la hauteur du rectangle d'affichage. Tout ce que vous avez à faire est d'utiliser JavaScript pour lire la valeur de la propriété largeur de cet objet et la valeur de la propriété de la hauteur de cet objet. Ces propriétés de largeur et de hauteur retournent leurs valeurs en nombre de pixels. Quand vous faites cela, vous avez la résolution; tout simplement le signaler dans le format que vous want.
Try le code suivant, qui affiche la résolution de votre écran dans une boîte d'alerte. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">