Cómo obtener la resolución de la pantalla del navegador usando jquery
lt;script type="text/javascript"gt;
$(document).ready(function()?
{
alert($(window).height()); //altura del área de visualización de la ventana del navegador actual
alert($(document).height()); //altura del navegador actual documento de la ventana
alert($(document. body).height()); // La altura del cuerpo del documento en la ventana actual del navegador
alert($(document.body). ). ; // Ancho del área visual de la ventana actual del navegador
alert($(document).width() //Ancho del objeto del documento en la ventana actual del navegador
alert( $(document.body).width());//altura del cuerpo del documento en ventana actual del navegador
alert($(document.body).outerWidth(true));/ /altura de la ventana actual del navegador El ancho total del cuerpo del documento incluye
relleno del borde
alert(screen.height); // Resolución del monitor, solo disponible en código JavaScript
p>
alert(screen.width);
})
lt;/scriptgt;
El ancho del área visible del página web: documento. La altura del área visible de la página: document.body.offsetHeight (la altura incluye los márgenes)
Ancho del cuerpo de la página: document.body.scrollWidth
Altura del cuerpo de la página: document.body.screenLeft
Resolución de pantalla La altura de la resolución de la pantalla: window.screen.height
El ancho de la resolución de la pantalla: window.screen.width
La altura del espacio de trabajo disponible en la pantalla: window.screen.availHeight
Este es el código fuente del archivo
lt;! DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transicional//ES"?
".js" type="text/javascript"gt;lt;/scriptgt;
lt; estilo tipo="text/css"gt;
* { font-family: Verdana;
nt-size: 96 }
* { font-family: Verdana; font-size: 96 }
etiqueta { ancho: 10em; float: izquierda } >
label.error { float: ninguno; color: rojo; padding-left: .5em; vertical-align: top }
p { clear: ambos }
.submit { margin-left: 12em; }
em { font-weight: negrita; padding-right: 1em; vertical-align: top }
lt;/stylegt
lt;script type="text/javascript"gt;
$(document).ready(function(){
$("#commentForm; ").validate({
reglas: {
nombre de usuario: {
requerido: verdadero,
longitud mínima: 2
},
correo electrónico: {
obligatorio: verdadero,
correo electrónico: verdadero
},
url: "url",
comentario: "obligatorio"
}
});
});
lt;/scriptgt;
lt;/headgt;
lt;bodygt;
.lt; formulario class="cmxform" id="commentForm" método="get" action=""gt;
lt; fieldsetgt;
lt; leyendagt; Mensaje de validación Un ejemplo simple de validación de un comentariolt;
lt;legendgt;
lt;pgt;
lt;label for="cusername"gt;namelt ; /labelgt;
lt;emgt;*lt;/emgt;lt;input id="nombre de usuario" nombre="nombre de usuario" size="25" /gt;
lt ; /pgt;
lt;pgt;
lt;label for="curl"gt;URLlt;/ labelgt;
lt;emgt;lt; / emgt;lt;input id="curl" name="url" size="25" value="/gt;
lt;/pgt;
lt;pgt;
lt;label for="curl" name="url" gt;URL lt;/emgt;/gt;/plt;label for="ccomment"gt;Tu comentariolt;/labelgt; p >
lt;emgt;*lt;
lt;/pgt;
lt;textarea id="ccomentario"
nombre="comentario" cols="22"gt;lt;/textareagt;
lt;/pgt;
lt;pgt;
lt;entrada class="enviar" tipo="enviar" valor="Enviar"/gt;
lt;/pgt;
lt;/pgt;
lt )/fieldsetgt;
lt;/formgt;
lt;/bodygt;
lt;/htmlgt;
El problema actual Sí, se puede verificar en Internet Explorer o en navegadores como Aoyou 360. Estos navegadores se abren directamente con el navegador, pero puedes usar la opción ? para verificar y establecer tanto el nivel de seguridad como el nivel de privacidad en medio, eso es todo. .