logo

Archivo JavaScript externo

Podemos crear un archivo JavaScript externo e incrustarlo en muchas páginas HTML.

Proporciona reutilización del código porque un solo archivo JavaScript se puede utilizar en varias páginas html.

Se debe guardar un archivo JavaScript externo con la extensión .js. Se recomienda incrustar todos los archivos JavaScript en un solo archivo. Aumenta la velocidad de la página web.

Creemos un externo javascript archivo que imprime Hello Javatpoint en un cuadro de diálogo de alerta.

mensaje.js

 function msg(){ alert('Hello Javatpoint'); } 

Incluyamos el archivo JavaScript en la página html. llama al Función JavaScript al hacer clic en el botón.

índice.html

Bienvenido a JavaScript

Ventajas del JavaScript externo

Habrá los siguientes beneficios si un usuario crea un javascript externo:

  1. Ayuda a la reutilización del código en más de un archivo HTML.
  2. Permite una fácil lectura del código.
  3. Es eficiente en el tiempo ya que los navegadores web almacenan en caché los archivos js externos, lo que reduce aún más el tiempo de carga de la página.
  4. Permite tanto a los diseñadores web como a los codificadores trabajar con archivos html y js de forma paralela y por separado, es decir, sin enfrentar ningún conflicto de código.
  5. La longitud del código se reduce ya que solo necesitamos especificar la ubicación del archivo js.

Desventajas del JavaScript externo

Existen las siguientes desventajas de los archivos externos:

  1. El ladrón puede descargar el código del codificador utilizando la URL del archivo js.
  2. Si dos archivos js dependen uno del otro, una falla en un archivo puede afectar la ejecución del otro archivo dependiente.
  3. El navegador web debe realizar una solicitud http adicional para obtener el código js.
  4. Un cambio pequeño o grande en el código js puede provocar resultados inesperados en todos sus archivos dependientes.
  5. Necesitamos verificar cada archivo que depende del archivo javascript externo creado comúnmente.
  6. Si son unas pocas líneas de código, entonces es mejor implementar el código javascript interno.