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 un objeto 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 un objeto 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 un objeto 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.
Объект 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 un objetoа 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("Ingrese el año de nacimiento");
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="alerta('documento cargado');">
<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('documento cargado');
}
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('documento cargado');
}
</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('usuario hizo clic en la imagen');">
</body>
GO TO FULL VERSION