4.1 Objetos del navegador
Como ya sabes, el lenguaje JavaScript funciona dentro del navegador, por lo que de alguna manera necesita interactuar con este mismo navegador. Para ello, el navegador dispone de varios objetos y funciones que están disponibles desde JavaScript.
El primero es an object window
, que describe la ventana del navegador. O mejor dicho, solía describir cuando los navegadores no tenían pestañas. Ahora el objeto de ventana describe la pestaña actual del navegador en la que se carga la página con el script.
En segundo lugar, este es an object document
el responsable del documento que se muestra en la pestaña. Esto podría ser un poco confuso. Para simplificar, digamos que el documento es lo que se muestra al usuario y la ventana es en lo que se muestra este documento.
En tercer lugar, este es an object console
el responsable de la salida a la consola del navegador. Sí, los navegadores también tienen una consola, se usa principalmente para depurar el script y mostrar mensajes de error. Por lo general, puede abrirlo presionando el botón F12 en su navegador.
Object window
, es el objeto de nivel superior para todos los objetos de página. Y aunque puede escribir directamente los nombres de los objetos document
en console
su secuencia de comandos, de hecho, sus nombres window.document
y window.console
.
4.2 Diálogos en JavaScript
método alerta()
También an object window
tiene varias funciones que son visibles para el script de la página. El más utilizado es el alert()
. Le permite mostrar un cuadro de diálogo con un mensaje para el usuario. Luego, el script se suspende hasta que el usuario hace clic en Aceptar.
Ejemplo:
alert("JavaScript is the best!");
método rápido ()
También hay una función con la que puede pedirle al usuario que ingrese algún valor, esto es prompt()
.
Ejemplo:
var age = prompt("Enter Year of Birth");
método confirmar()
Puede mostrar un cuadro de diálogo con dos botones Ok
: Cancel
pregunte al usuario sobre alguna acción.
Ejemplo:
var isOK = confirm("Are you ready");
4.3 onload() evento
Y un momento más útil e interesante. La ventana del navegador tiene un evento que se activa cuando el documento está completamente cargado. Puede especificar el código que se ejecutará después de cargar y mostrar el documento.
Esto se puede hacer de tres maneras.
Primero, puede incrustar código JavaScript directamente en una página HTML como un valor de atributo:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>
En segundo lugar, puede incrustar código JavaScript simplemente en una página HTML:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
Tercero, podemos escribirlo un poco más corto declarando una función anónima:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 evento onclick()
Y finalmente, otro evento importante (evento) es event OnClick
. Lo cual ocurre en cualquier elemento en el que el usuario hizo clic. Al igual que event OnLoad
se puede configurar de diferentes maneras, le daremos solo la más simple:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>
GO TO FULL VERSION