Comment ajouter un fichier JavaScript dans HTML?

Les pages Web sont conçues à l'aide de plusieurs langages de programmation et deux de ces langages de programmation Web sont HTML et JavaScript. L'acronyme HTML du langage de balise hypertexte est utilisé pour créer la structure des pages Web que vous voyez sur Internet tous les jours. Pendant ce temps, JavaScript est un langage de script bien connu utilisé pour effectuer des opérations dynamiques sur les pages Web pour les rendre plus captivants.

Pour faire fonctionner ces langues ensemble, vous devez ajouter votre fichier javascript dans votre document HTML. Aux fins de le faire, vous pouvez ajouter votre fichier JavaScript externe à votre document HTML.

Ajout d'un fichier JavaScript

Pour ajouter un fichier JavaScript externe dans votre document HTML, affectez le lien de votre fichier à l'attribut SRC dans la balise.

Syntaxe

// Ajout d'un fichier JS en utilisant aucun chemin

Ou,

// Ajout d'un fichier JS à l'aide du chemin du fichier

Ou,

// Ajout d'un fichier JS à l'aide de l'URL

Points à retenir!

• Vous pouvez placer ces balises dans la section ou dans la section.
• Comme indiqué dans la syntaxe, l'extension des fichiers JavaScript externe doit être .js.
• Il est avantageux d'utiliser des fichiers JavaScript externes lorsque vous devez utiliser le même code dans plusieurs documents HTML. De plus, cela améliorera la lisibilité et la maintenabilité de votre document.

Ci-dessous, nous avons discuté de différentes approches pour ajouter votre fichier JavaScript dans HTML.

Condition 1: Ajout d'un fichier JS à l'aide du chemin du fichier

Afin d'ajouter votre fichier JavaScript externe dans votre document HTML, vous devez fournir votre chemin de fichier dans l'attribut SRC de la balise.

Supposons que nous ayons nos fichiers HTML et JavaScript dans notre répertoire:

Fichier html

Entrez votre nom:
Soumettre

Dans l'exemple ci-dessus, nous créons un champ de saisie qui demande à l'utilisateur de saisir son nom.

En attendant, nous avons défini notre fonction dans le fichier javascript en utilisant le code suivant.

fonction functionname ()
alert ("Votre nom a été soumis!");

Une fois que l'utilisateur appuie sur le bouton Soumettre, un message d'alerte s'affiche.

Dans un autre scénario, lorsque votre fichier HTML est placé dans un dossier séparé et le fichier JavaScript dans un autre dossier comme indiqué ci-dessous.

Utilisez la syntaxe suivante, pour ajouter votre chemin de fichier à l'attribut SRC dans la balise.

Condition 2: Ajout d'un fichier JS à l'aide de l'URL

Lorsque vous souhaitez ajouter un fichier JavaScript qui est stocké en ligne, vous devez simplement ajouter l'URL de votre fichier JavaScript en ligne dans l'attribut SRC de votre balise.

Exemple

Entrez votre nom:
Soumettre

Dans l'exemple ci-dessus, nous avons ajouté l'URL d'un fichier javascript externe qui est stocké en ligne. Le fichier javascript en ligne ressemble à ceci.

Dans le fichier ci-dessus, nous avons défini notre fonction destinée à afficher un message d'alerte lorsque l'utilisateur appuye sur le bouton Soumettre.

Sortir

En suivant ces étapes, vous pouvez facilement ajouter votre fichier javascript externe à votre document HTML.

Conclusion

Pour ajouter un fichier JavaScript dans HTML, fournissez votre chemin de fichier JavaScript vers l'attribut SRC de la balise ou si vous utilisez un fichier javascript qui est stocké en ligne, vous devez ajouter l'URL de ce fichier. Dans cet article, nous avons discuté en détail des approches pour ajouter votre fichier JavaScript en HTML en les démontrant à travers des exemples.