Screen en JavaScript
Es un elemento que identifica propiedades de la pantalla del navegador.
availHeight : El alto de la pantalla en pixeles disponible para el navegador.
availWidth : El ancho de la pantalla en pixeles disponible para el navegador.
colorDepth : Representa el número de bits usados para representar los colores.
height : El alto de la pantalla en pixeles.
width : El ancho de la pantalla en pixeles.
El siguiente programa muestra el valor almacenado en las cinco propiedades que tiene el objeto screen:
<html>
<head>
<title>Problema</title>
</head>
<body>
<script language="javascript">
document.write('Valores de las propiedades del objeto screen:<br>');
document.write('availHeight :' + screen.availHeight + '<br>');
document.write('availWidth :' + screen.availWidth + '<br>');
document.write('height :' + screen.height + '<br>');
document.write('width :' + screen.width + '<br>');
document.write('colorDepth :' + screen.colorDepth);
</script>
</body>
</html>
Ejercicio No. 1
Confeccionar un programa que agrande el tamaño de la ventana del navegador y ocupe toda la pantalla.
Ayuda: Confeccionar una función que se dispare para el evento onLoad de la marca Body:
<body onLoad="redimensionar()">
La función redimensionar debe llamar a la función resizeTo del objeto window:
window.resizeTo(640,480);
Si ejecutamos esto, el tamaño de la ventana del navegador se redimensionará tomando como ancho el valor 640 y como alto 480.
<html>
<head>
<title>Problema</title>
</head>
<body>
<script language="javascript">
function redimensionar(){
window.resizeTo(640,480);
}
</script>
<a href="javascript:redimensionar()">Redimensionar</a>
</body>
</html>
