<![CDATA[ Yennifer Herrera - freeCodeCamp.org ]]> https://www.freecodecamp.org/espanol/news/ https://cdn.freecodecamp.org/universal/favicons/favicon.png <![CDATA[ Yennifer Herrera - freeCodeCamp.org ]]> https://www.freecodecamp.org/espanol/news/ Eleventy Thu, 21 May 2026 04:39:43 +0000 60 <![CDATA[ Enlazar JavaScript a HTML con el atributo src de script ]]> ]]> https://www.freecodecamp.org/espanol/news/enlazar-javascript-a-html-con-el-atributo-src-de-script/ 6413d2bccb4fd00630bdd364 Mon, 20 Mar 2023 20:30:40 +0000 Artículo original: Link JavaScript to HTML with the script src Attribute

El atributo ‘src’ en una etiqueta es la ruta a un archivo o recurso externo que quieres enlazar a tu documento HTML.

Por ejemplo, si tuvieras tu propio archivo JavaScript llamado ‘script.js’ y quisieras añadir su funcionalidad a tu página HTML, lo agregarías de este modo:

<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Ejemplo atributo src de Script</title>
  </head>
  <body>

  <script src="./script.js"></script>
  </body>
</html>

Esto apuntaría a un archivo llamado ‘script.js’ que se encuentra en el mismo directorio que el archivo .html. También puedes enlazar otros directorios usando ’..’ en la ruta del archivo.

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

Esto salta un nivel de directorio atrás, luego dentro de un directorio ‘public’, después a un directorio ‘js’, y finalmente, al archivo ‘script.js’.

Además, puedes usar el atributo ‘src’ para enlazar archivos .js externos alojados por terceros. Esto se usa si no quieres descargar una copia local del archivo. Solo ten en cuenta que si el link cambia o el acceso a la red está caído, entonces el archivo externo que enlazaste no funcionará.

Este ejemplo enlaza a un archivo de jQuery.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
]]>