Autor: Jose Luis Quintana Trejo
20/02/2023

Hello World! - Fundamentos de JavaScript

La etiqueta script tiene varios atributos que rara vez se usan en estos días pero pueden encontrarse en código antiguo.

2311

Este tutorial es acerca del lenguaje de programación JavaScript, para poder correr nuestros scripts necesitamos un explorador y para el lado del servidor usaremos el entorno Node.js, por ejemplo podemos corre un script de la siguiente manera: “node archivo

La etiqueta “script” se usa para insertar los programas de JavaScript casi en cualquier parte de nuestro documento HTML, por ejemplo:

La etiqueta script tiene varios atributos que rara vez se usan en estos días pero pueden encontrarse en código antiguo.

El atributo “type” es un atributo que se usaba anteriormente pero hoy ya no es necesario debido a que los estándares en HTML cambiaron totalmente este atributo, ahora se puede usar para módulos de JavaScript pero ese es un tema más avanzado que hablaremos en otro momento.

El atributo “language” significa el lenguaje en que está escrito el script, pero hoy en día no es necesario porque JavaScript es su lenguaje principal, no es necesario usarlo.

Los comentarios dentro y fuera de un script es un tema que hoy en día hace dudar a varios, pero la verdad es que no se deben usar dentro de un script, anteriormente esta práctica se usaba y hacía que antiguos exploradores no procesaban el código de la manera correcta.

Scripts externos

En ocasiones contamos con mucho código JavaScript y es necesario ponerlo en diferentes archivos, los archivos script son agregados al documento HTML por medio del atributo src=...

Aquí vemos como el archivo está localizado dentro de una carpeta asignándole su respectiva ruta desde el documento HTML.

También se pueden asignar direcciones URL, por ejemplo:

Para agregar varios scripts se usan múltiples etiquetas:

Hey!
Como regla solo los scripts más sencillos se ponen dentro del documento HTML, los que son más complejos se agregan en archivos separados.

El beneficio de usar archivos separados es porque los explorados descargan y almacenan los scripts en el caché.

Otras páginas dentro del sitio que están enlazadas a estos scripts los tomarán del caché en vez de bajarlos otra vez.

Esto reduce el tráfico y hace que el sitio sea más rápido.

Si el atributo “src” está configurado el contenido del script será ignorado.

Un script no puede contener ambos el atributo y código dentro:

Así no funciona:

Es necesario escoger entre un archivo externo o un script con código dentro de sus etiquetas.

Se pueden usar dos script para que puedan funcionar ambos:

En resumidas cuentas:

Podemos usar una etiqueta script para agregar código JavaScript a la página.

Los atributos “type” y “language” no son necesarios.

Un script puede ser agregado desde un archivo externo

Existen demasiados conceptos que se pueden aprender acerca de cómo implementar JavaScript en un sitio pero por ahora dejémoslo así para ver lo fundamental primero y luego continuamos entrando más a detalle.


Full Stack Developer, Graphic Designer at Atomic Web Design