Red de conocimiento informático - Aprendizaje de programación - Cómo obtener la resolución de la pantalla del navegador usando jquery

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;

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. .