Maison  >  Article  >  interface Web  >  Comment le JavaScript en ligne fonctionne-t-il avec HTML ?

Comment le JavaScript en ligne fonctionne-t-il avec HTML ?

PHPz
PHPzavant
2023-09-01 14:33:06484parcourir

Comment le JavaScript en ligne fonctionne-t-il avec HTML ?

Dans cet article, vous apprendrez comment JavaScript en ligne fonctionne avec HTML. Le JavaScript en ligne représente un bloc de code écrit entre les balises <script> dans un fichier HTML. L'avantage de l'utilisation de JavaScript en ligne dans les fichiers HTML est qu'il réduit les allers-retours du navigateur Web vers le serveur. </script>

Exemple 1

Apprenons à ajouter des instructions de base dans des fichiers HTML à l'aide de JavaScript en ligne -

<!DOCTYPE html >
<html>
<head>
   <h2> This is a simple HTML file</h2>
   <script>
      document.write("Hi, This is an inline Javascript code written in between script tags");
   </script>
</head>
</html>

Instructions

  • Étape 1 - Dans un simple fichier html, ajoutez une balise titre

    et affichez un titre de votre choix.

  • Étape 2 - Ajoutez une balise de script <script> sous la balise de titre. </script>

  • Étape 3 - Dans la balise script, utilisez la fonction document.write() pour imprimer le texte.

Exemple 2

Dans cet exemple, imprimons un tableau à partir d'un fichier html en utilisant JavaScript en ligne.

<!DOCTYPE html >
<html>
<head>
   <h2> This is a simple HTML file</h2>
   <script>
      document.write("An Inline Javascript code to display an array")
      document.write("<br>")
      const inputArray = [3,4,5,6,7,8]
      document.write("The array is defined as :", inputArray)
   </script>
</head>
</html>

Instructions

  • Étape 1 - Dans un simple fichier html, ajoutez une balise titre

    et affichez un titre de votre choix.

  • Étape 2 - Ajoutez une balise de script <script> sous la balise de titre. </script>

  • Étape 3 - Dans la balise script, définissez un tableau, c'est-à-dire inputArray, et ajoutez des valeurs au tableau.

  • Étape 4 - Imprimez le tableau à l'aide de la fonction document.write().

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Articles Liés

Voir plus