Appeler une fonction JavaScript dans un corps HTML

Valentine Kagwiria 17 juin 2021
Appeler une fonction JavaScript dans un corps HTML

Cet article explique comment appeler une fonction JavaScript à exécuter dans un corps HTML en utilisant la balise <script>. Il montre également comment créer la fonction dans un fichier JavaScript et le lier au fichier HTML.

Appeler une fonction JavaScript dans une balise HTML <script>

Si vous utilisez une fonction JavaScript, l’un des meilleurs endroits pour l’appeler dans un corps HTML est dans une balise <script>. Tout d’abord, vous devrez créer la fonction dans un fichier JavaScript séparé (le plus recommandé, surtout pour les gros programmes), puis le lier à votre fichier HTML dans la section head comme indiqué ci-dessous.

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src=thisfile.js'> </script>
    <title>sometext</title><meta charset="utf-8"/>
</head>
<body>
</html>

Vous pouvez également créer et définir la fonction ou le code JavaScript dans la section head de votre HTML. Vous devez ensuite l’appeler dans la section body en utilisant les balises de script comme indiqué ci-dessous:

<script> thisFunction();</script>

Par exemple, une fonction JavaScript runtable(); créé pour remplir un tableau HTML serait appelé comme ci-dessous.

<table>
  <tr>

​    <th>Student</th>

​    <th>Grade</th>    

  </tr>

   runtable();

</table>

Article connexe - JavaScript Function