Con JavaScriptIntroductionIf usted tiene la cuenta de correo de Yahoo, te habrás dado cuenta de que Yahoo ofrece dos páginas web diferentes para la misma información de la página. Lo que nos interesa en este artículo es que las dos páginas web tienen diferentes resoluciones de pantalla. En el largo plazo que se sirven de la página que se adapte a su resolución, después de la resolución de su pantalla se ha determinado por el código. En este artículo voy a mostrar cómo utilizar JavaScript para determinar la resolución de pantalla de screen.
Note la computadora del cliente: Si usted no puede ver el código o si cree que falta algo (enlace roto, la imagen ausente, texto), sólo en contacto conmigo en [email protected]. Es decir, en contacto conmigo para el más mínimo problema que tenga sobre lo que eres reading.Server y ClientYour sitio web con sus páginas web, reside en un servidor. En el cliente, el navegador tira de una copia de una página web y lo muestra. En el cliente, el objeto de la pantalla JavaScript se puede utilizar para determinar la resolución.
El código entonces usted puede decir lo que la resolución es ni envía el resultado de nuevo al servidor usando Ajax o hacer ambas cosas. Si usted no sabe nada sobre el Ajax, saber que escribí tres artículos sobre Ajax en este blog. Para llegar a los artículos Ajax, sólo tienes que escribir Ajax y mi nombre, Chrys en el cuadro de búsqueda de esta página y haga clic en Buscar. Si usted tiene una caja de búsqueda de Google en esta página, lo utilizan. Punto más pequeño de la pantalla ResolutionsThe que se pueden mostrar en una pantalla se denomina píxel.
La resolución de su pantalla es el número de puntos que cubren el área rectangular de visualización de la pantalla. La resolución se da siempre en términos de la anchura y la altura de esta pantalla rectangular. Resoluciones comunes son, 800 X 600, 1024 x 768, 1152 x 864, 1280 x 960 y 1280 x 1024. Cuanto mayor sea la resolución, más grande es la pantalla y el mejor las imágenes mostradas por la pantalla. Así que cuanto mayor sea la resolución, mejor será su página web.
Ahora puede ver por qué yahoo ofrece dos páginas diferentes para la misma información; algunos usuarios tienen resoluciones más altas y deben disfrutar de una mejor pantalla presentation.The JavaScript ObjectJavaScript tiene cierta DOM como objetos. Cada uno de estos objetos representa un elemento HTML. Un objeto normalmente tiene propiedades y métodos. Puede utilizar un objeto con JavaScript saber o cambiar el valor y las características del correspondiente HTML element.One de tales objetos JavaScript es el objeto de la imagen.
Tiene dos propiedades que se utilizan para conocer la resolución de su pantalla. Tiene la propiedad, la anchura, para la anchura del rectángulo de visualización. Tiene la propiedad, la altura, la altura del rectángulo de la pantalla. Todo lo que tienes que hacer es usar JavaScript para leer el valor de la propiedad ancho de este objeto y el valor de la propiedad altura de este objeto. Estas propiedades de anchura y altura devuelven sus valores en número de píxeles. Al hacer eso, usted tiene la resolución; simplemente informar de ello en el formato que want.
Try el siguiente código, que mostrará la resolución de la pantalla en un cuadro de alerta. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">