A mediados de la década de 1990, los desarrolladores de Netscape crearon un lenguaje de script simple para usar como herramienta para hacer que los sitios web sean más interactivos y atractivos. Este lenguaje eventualmente se conocería como Javascript. Muchos usuarios de hoy desconocen que las características del cliente de correo electrónico o del sitio web de redes sociales de las que dependen son el resultado de miles de líneas de programación Javascript inteligente y compleja.

Javascript interno

Para que el código Javascript funcione su magia, de alguna manera debe incorporarse en la ubicación adecuada en una página web en particular a medida que se carga la página. El código Javascript interno es un código que se coloca en cualquier lugar dentro de la página web entre las etiquetas HTML. Muchos desarrolladores web optan por colocar su código Javascript antes de la etiqueta.

Javascript externo

El código Javascript colocado en un archivo separado del código HTML se llama Javascript externo. El código Javascript externo se escribe y usa de la misma manera que el Javascript interno. El archivo debe tener la extensión ".js", aunque prácticamente cualquier otra extensión funciona con navegadores modernos. Una diferencia importante: el código externo no debe colocarse entre las etiquetas, o el código no funcionará.

El navegador web debe saber que necesita cargar código externo. La página web debe tener las siguientes etiquetas HTML que hacen referencia al script:

La URL le dice al servidor web dónde ubicar y cargar el código Javascript.

Ventajas de Javascript interno

Si el número de líneas de Javascript es relativamente pequeño, una página web con Javascript interno se carga más rápido que las páginas que deben hacer referencia a código externo. Esto se debe a que, a medida que el navegador web carga la página y encuentra la referencia al código externo, debe realizar una solicitud por separado al servidor web para obtener el código.

Ventajas de Javascript externo

Si se usa un código idéntico en varias páginas de un sitio web, los archivos Javascript externos son beneficiosos. Solo necesita incluir una referencia al código externo en aquellas páginas que realmente requieren ese código. Si el código Javascript cambia, solo se debe editar un archivo; los cambios están disponibles al instante para todas las páginas que necesitan el código. Almacenar Javascript en archivos externos también facilita el mantenimiento de los sitios web: las páginas están menos abarrotadas y el desarrollador web tiene menos líneas de código para leer y realizar las ediciones necesarias. Menos líneas de código HTML también pueden ayudar a las arañas de los motores de búsqueda a indexar más a fondo su sitio y encontrar palabras clave importantes.

Finalmente, si un visitante se mueve a otra página que contiene las mismas referencias externas de Javascript, la segunda página se cargará más rápido, porque el navegador del usuario habrá almacenado en caché o almacenado el archivo Javascript localmente.