javascript

JAVASCRIPT

JavaScript se utiliza principalmente del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web. Los navegadores modernos interpretan el código JavaScript integrado en las páginas web.
Para entender lo que es JavaScript consideremos lo siguiente. Un usuario escribe una dirección web en su navegador, por ejemplo http://www.aprenderaprogramar.com. El servidor recibe la petición y como respuesta a esa petición envía al ordenador del usuario código HTML junto a código JavaScript. El código HTML se encarga de que en la pantalla se muestre algo, por ejemplo una imagen, un menú, etc. El código JavaScript se puede encargar de crear efectos dinámicos en respuesta a acciones del usuario, por ejemplo que se despliegue un menú tipo acordeón cuando el usuario pasa el ratón por encima de un elemento del menú.
La ventaja de JavaScript es que al estar alojado en el ordenador del usuario los efectos son muy rápidos y dinámicos. Al ser un lenguaje de programación permite toda la potencia de la programación como uso de variables, condicionales, bucles, etc. 
Formas de usar javascript en documentos HTML

La primera forma de usar JavaScript dentro de una página web es embebiendo directamente el código JavaScript dentro del código HTML


<html>
<head>
<title>Embeber JavaScript – aprenderaprogramar.com</title>
</head>
<body>
<script type="text/javascript">
document.write('Hola Mundo');
</script>
</body>
</html>

La segunda forma para usar JavaScript es definir JavaScript en un archivo externo. Los archivos de JavaScript son archivos de texto guardados con la extensión .js. Veamos un ejemplo: imaginemos que tenemos un archivo denominado mensaje.js con código JavaScript:
alert('Mensaje JavaScript');

Ahora, para incluir dicho archivo en la una página web utilizamos el siguiente código:
<script type="text/javascript" src="archivo.js"></script>

Este código se escribiría dentro de las etiquetas <head> y </head> del documento HTML en el que vayamos a insertarlo
<html>
<head>
<meta charset="utf-8">
<title>Embeber JavaScript – aprenderaprogramar.com</title>
<script type="text/javascript" src="archivo.js"></script>
</head>
<body>
Página web de prueba – aprenderaprogramar.com
</body>
</html>
Los resultados los vemos al cargar el documento html en nuestro navegador y serán similares a lo que vemos en las siguientes imágenes.

Al cargar el documento HTML se incorpora el código JavaScript desde el archivo incrustado, que da lugar a que se muestre una ventana con el aviso “Mensaje JavaScript”. Cuando pulsemos sobre el botón aceptar, veremos el contenido del documento HTML:


Comentarios

Entradas populares de este blog

Sacar los números primos de 1-100 en lenguaje C++

¿Que es un operador,y que tipo de operadores hay?

Cómo recorrer una matriz