📅 最后修改于: 2023-12-03 14:47:03.624000 🧑 作者: Mango
JavaScript est un langage de programmation côté client qui est souvent utilisé pour ajouter des fonctionnalités interactives à une page web. Il est courant de lier JavaScript à HTML pour que celui-ci puisse interagir avec le DOM (Document Object Model) et modifier dynamiquement la page en réponse à l'interaction de l'utilisateur ou à des événements.
Il existe plusieurs façons de lier JavaScript à HTML, mais nous allons nous concentrer sur les deux méthodes les plus courantes : en écrivant du code JavaScript directement dans le fichier HTML ou en l'incluant dans un fichier JavaScript externe.
La méthode la plus simple pour lier JavaScript à HTML est d'écrire du code JavaScript directement dans la balise <script> de la page HTML. Voici un exemple :
<!DOCTYPE html>
<html>
<head>
<title>Ma page</title>
</head>
<body>
<h1>Ma page</h1>
<p>Cliquez sur le bouton pour voir une alerte !</p>
<button onclick="alert('Bonjour !')">Cliquez ici</button>
<script>
// Code JavaScript ici
</script>
</body>
</html>
Dans cet exemple, nous avons inclus une balise <script> directement dans la page HTML. À l'intérieur de cette balise, nous pouvons écrire un code JavaScript qui sera exécuté lorsque la page est chargée.
Ici, nous avons également ajouté un bouton avec un attribut onclick qui appelle une fonction alert() en JavaScript lorsque le bouton est cliqué.
Une autre méthode pour lier JavaScript à HTML consiste à inclure le code JavaScript dans un fichier externe et à le référencer dans la page HTML. La balise <script> sera toujours utilisée, mais cette fois-ci elle aura un attribut src :
<!DOCTYPE html>
<html>
<head>
<title>Ma page</title>
</head>
<body>
<h1>Ma page</h1>
<p>Cliquez sur le bouton pour voir une alerte !</p>
<button onclick="alert('Bonjour !')">Cliquez ici</button>
<script src="mon-script.js"></script>
</body>
</html>
Dans cet exemple, nous avons ajouté un attribut src à la balise <script>, qui pointe vers un fichier JavaScript externe nommé "mon-script.js". Ce fichier contiendra le code JavaScript que nous voulons exécuter sur la page HTML.
Le code JavaScript dans le fichier externe ressemblerait à ceci :
alert("Bonjour !");
La liaison de JavaScript à HTML est une étape importante pour ajouter de l'interactivité à une page web. Que vous choisissiez de mettre votre code JavaScript en ligne ou dans un fichier externe, assurez-vous de comprendre quand et comment il sera exécuté pour assurer une expérience utilisateur cohérente et fluide.
Il est également important de noter que pour de plus gros projets, il est souvent préférable d'utiliser un outil de construction tel que Webpack pour gérer la liaison de JavaScript à HTML de manière plus efficace.