¿Cómo definir la URL de un archivo de script externo en HTML5?

En este artículo, aprenderemos cómo definir la URL de un archivo de script externo dentro de HTML. Esto puede ser necesario cuando se necesita incluir un código de secuencia de comandos grande, y puede crear confusión si todo el código está escrito en un solo archivo. Además, puede haber un requisito para que el mismo script se ejecute en diferentes páginas web, y reescribir el mismo código puede generar redundancia. El código se puede refactorizar simplemente escribiendo el código del script en un archivo separado y definiéndolo en el archivo HTML.

Enfoque: la etiqueta del script tiene un atributo src que se usa para especificar la ruta de un archivo de script externo.

Sintaxis:

<script src="examplescript.js"></script>

Ejemplo: En este ejemplo, el script externo examplescript.js se incluirá en el archivo HTML.

examplescript.js

alert("The script file URL is successfully defined");

index.html

<html>
  <body>
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
      
    <!-- Including an external script -->
    <script src="examplescript.js">
    </script>
  </body>
</html>

Salida: Al cargar la página en nuestro navegador, obtendremos una ventana emergente con el mensaje definido que confirma que el script externo se ha cargado correctamente.

Publicación traducida automáticamente

Artículo escrito por greenblade29 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *