Comment ajouter du javascript à une page HTML

À mesure que les applications Web continuent d'évoluer, JavaScript devient de plus en plus populaire, offrant des interactions dynamiques et des fonctionnalités plus complexes aux pages Web et aux applications Web. Cet article vous aidera à apprendre comment ajouter du JavaScript aux pages HTML.

1. JavaScript interne

JavaScript interne fait référence au placement du code JavaScript directement dans le document HTML. Ce code doit être entouré d'une balise et placé dans le champ

Par exemple :

Example function welcome() { alert("Hello World!"); } Click me! Lorsque l'utilisateur clique sur le bouton, une boîte de message apparaîtra affichant "Hello World !".

2. JavaScript externe

Lorsqu'il y a beaucoup de code JavaScript, il est plus approprié de le mettre dans un fichier externe séparé que de le mettre dans le document HTML. Cela rend le code plus facile à maintenir, à modifier et à réutiliser sur plusieurs pages.

Pour ajouter du code JavaScript externe à un document HTML, utilisez la balise , en définissant l'attribut src sur l'URL du fichier JavaScript.

Par exemple :

Example Click me! Ici, nous avons ajouté une balise dans et spécifié l'attribut src comme URL du fichier JavaScript "example.js". Lorsque du code JavaScript est nécessaire, nous pouvons référencer directement les fonctions.

3. Bibliothèques externes

Les bibliothèques JavaScript sont un ensemble de fonctions et d'extraits de code réutilisables qui peuvent être utilisés pour accélérer le développement Web. Ces bibliothèques permettent aux développeurs d'implémenter plus facilement des tâches courantes telles que jQuery, React et Vue.js.

Pour ajouter une bibliothèque externe à un document HTML, utilisez la même méthode qu'un script JavaScript externe.

Par exemple :

Example Click me! Hello World!

Ici, nous avons ajouté une balise dans et spécifié l'attribut src comme lien CDN de jQuery. Là où jQuery est nécessaire, nous pouvons utiliser directement ses fonctions.

Résumé :

Vous trouverez ci-dessus trois méthodes pour ajouter du JavaScript aux pages HTML : JavaScript interne, JavaScript externe et bibliothèques externes. Nous pouvons choisir de manière flexible différentes méthodes pour écrire du code JavaScript en fonction des besoins du projet.

Quelle que soit la méthode que vous utilisez, il est important de vous rappeler de toujours garder votre code clair, facile à lire et maintenable.