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

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

PHPz
Libérer: 2023-09-01 14:33:06
avant
609 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:php;toolbar:false;'>&lt;!DOCTYPE html &gt; &lt;html&gt; &lt;head&gt; &lt;h2&gt; This is a simple HTML file&lt;/h2&gt; &lt;script&gt; document.write(&quot;An Inline Javascript code to display an array&quot;) document.write(&quot;&lt;br&gt;&quot;) const inputArray = [3,4,5,6,7,8] document.write(&quot;The array is defined as :&quot;, inputArray) &lt;/script&gt; &lt;/head&gt; &lt;/html&gt;</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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal