appel de méthode html js

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 :

1. Appeler directement les méthodes JavaScript

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.

2. Appeler des méthodes JavaScript via des écouteurs d'événements

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 "3f1c4e4b6b16bbbd69b2ee476dc4f83a". Si le code JavaScript est volumineux ou complexe, il est recommandé de l'enregistrer dans un fichier .js séparé puis d'introduire le fichier en HTML :

<script src="js/myscript.js"></script>

Dans le code ci-dessus, nous précisons l'emplacement du JavaScript code via le chemin du fichier d'attribut "src", HTML chargera automatiquement le fichier et exécutera le code JavaScript qu'il contient. Cela rend les fichiers HTML plus propres et plus faciles à gérer.

Résumé

Grâce aux deux méthodes ci-dessus, nous pouvons appeler des méthodes JavaScript en HTML et rendre la page plus dynamique et interactive. Que vous l'appeliez directement ou via un écouteur d'événements, vous devez comprendre la syntaxe et la fonction des méthodes JavaScript. De plus, afin de faciliter la maintenance du code, nous devons également utiliser autant que possible des fichiers .js externes afin de réduire la complexité des fichiers HTML et la redondance du code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!