Para mostrar el funcionamiento de un JavaScript externo, simplemente cree un ".JS "Archivo y escriba las siguientes líneas dentro de ese archivo:
función showalert ()Para este ejemplo, el nombre del archivo JavaScript es "Script.JS ".
Ahora, cree un nuevo documento HTML, y en ese archivo HTML, use una etiqueta de script para definir el tipo de script que se utilizará y luego el enlace al archivo de script como:
Esta etiqueta de script para el javascript externo se puede colocar en ambos etiqueta y en el etiqueta, ambos tienen sus propios pros y contras.
Después de esto, en la etiqueta del cuerpo, agregue las siguientes líneas:
Enciende el documento HTML y observa la siguiente salida:
Ahora presione el botón para la alerta usando la función escrita en el JavaScript externo:
Está claro de la captura de pantalla anterior que el javascript externo funciona perfectamente bien.
Por qué usar JavaScript externo?
Hay múltiples razones por las cuales uno debe usar JavaScript externo como:
JavaScript externo es muy superior a JavaScript interno, especialmente cuando se trabaja con aplicaciones a gran escala.
Los inconvenientes de JavaScript externo
Solo hay un inconveniente importante del uso de JavaScript externo: el navegador debe hacer una solicitud adicional al servidor para el archivo JavaScript. Aparte de esto, no hay muchos inconvenientes significativos para JavaScript externo.
Envolver
Cada vez que la parte JavaScript de un sitio web o una aplicación web se coloca en un archivo diferente al HTML y luego se vincula dentro del documento HTML, se conoce como JavaScript externo. Para usar JavaScript externo, cree un archivo con el ".Extensión JS ". Después de eso, cree una etiqueta de script en el documento HTML y pase la ruta a ese archivo JavaScript en el atributo "SRC" del etiqueta.