HTML et JavaScript sont deux technologies incontournables dans le développement web. Grâce au langage de balisage HTML, nous pouvons afficher la mise en page, tandis que JavaScript rend la page plus dynamique et interactive. Cet article explique comment appeler des méthodes JavaScript en HTML.
Une méthode JavaScript est un bloc de code réutilisable qui peut être appelé en cas de besoin. Il existe deux manières principales d'appeler des méthodes JavaScript en HTML :
En ajoutant "onclick" à la balise HTML Attributs peut appeler des méthodes JavaScript directement en HTML. Par exemple :
<button onclick="alert('Hello World!')">点击我</button>
Dans le code ci-dessus, lorsque vous cliquez sur le bouton, une boîte de dialogue "Hello World!" apparaîtra. onclick signifie « événement de clic » et « alert('Hello World !') » est une méthode JavaScript, qui fera apparaître une boîte de dialogue.
En plus d'appeler des méthodes JavaScript directement dans les balises HTML, vous pouvez également appeler JavaScript via la méthode des écouteurs d'événements .
Par exemple, une fois la page chargée, nous devons appeler des méthodes JavaScript pour définir le style de la page. Vous pouvez ajouter le code suivant en HTML :
<script> window.onload = function() { setPageStyle(); }; function setPageStyle() { // ... } </script>
Dans le code ci-dessus, nous appelons la méthode JavaScript nommée setPageStyle via l'écouteur d'événement window.onload après le chargement de la page.
Il est à noter que les deux méthodes ci-dessus appellent des méthodes JavaScript en HTML, le code JavaScript doit donc être placé dans la balise "