Original article: 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>