Comment le JavaScript en ligne fonctionne-t-il avec HTML ?-tutoriel HTML-php.cn

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

PHPz

Libérer： 2023-09-01 14:33:06

avant

531 Les gens l'ont consulté

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>

Copier après la connexion

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. </p></li> <li><p><b>Étape 3</b> - Dans la balise script, utilisez la fonction document.write() pour imprimer le texte. </p></li> </ul> <h2>Exemple 2</h2> <p>Dans cet exemple, imprimons un tableau à partir d'un fichier html en utilisant JavaScript en ligne. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'><!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></pre><div class="contentsignin">Copier après la connexion</div></div> <h2>Instructions</h2> <ul class="list"> <li> <p><b>Étape 1</b> - Dans un simple fichier html, ajoutez une balise titre </p> <h2> et affichez un titre de votre choix. </h2> </li> <li><p><b>Étape 2</b> - 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!