lunes, 27 de febrero de 2017

JavaScript: Código JavaScript embebido en HTML

Código JavaScript embebido en HTML

1. Código embebido en sección <head>

Una de las maneras de hacer código embebido en HTML es mediante el la etiqueta <script src="archivo.js">, la cual puede ser usada para apuntar a otro archivo JavaScript (en este caso, archivo.js);

Al apuntar hacia este nuevo archivo, es posible que el mísmo pueda cargar las funciones definidas en él, para que sean ejecutadas cuando el usuario las necesite. También es posible definir objetos y variables.

Normalmente, esta etiqueta debe ser puesta dentro de la sección <head> del código HTML.



En la captura de pantalla anterior, se apunta hacia el archivo "scripts.js" dentro de la etiqueta <script>.

En este ejemplo, vamos a definir 3 funciones simples dentro de scripts.js. 

Una función para calcular el cuadrado de un número, otra para calcular el doble y otra para calcular el triple de dicho número:





En este caso, el archivo scripts.js se encuentra físicamente en el mísmo directorio dónde se encuentra el archivo HTML (cuyo nombre en este ejemplo es prueba1.html)

De esta manera, desde el archivo prueba1.html podemos ejecutar las funciones que han sido definidas en scripts.js






2. Código embebido en sección <body>

Mediante el uso de la función JavaScript document.write() es posible poner contenido HTML para ejecutar mientras la página carga.

No es recomendado usar document.write() para crear funciones, el resultado puede ser lento.







No hay comentarios:

Publicar un comentario