Comment le JavaScript en ligne fonctionne-t-il avec HTML ?
Sep 01, 2023 pm 02:33 PMDans 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 id="This-is-a-simple-HTML-file"> 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. </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 id="Exemple">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;'><!DOCTYPE html > <html> <head> <h2 id="This-is-a-simple-HTML-file"> 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 id="Instructions">Instructions</h2> <ul class="list"> <li> <p><b>Étape 1</b> - Dans un simple fichier html, ajoutez une balise titre </p> <h2 id="et-affichez-un-titre-de-votre-choix"> 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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version?

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur?

Comment ajouter efficacement les effets de course aux images PNG sur les pages Web?

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez?

Quelles sont les implications de sécurité de l'utilisation des iframes et comment puis-je les atténuer?

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5?

Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement?

Comment utiliser le HTML5 & LT; METER & GT; élément pour afficher des données numériques dans une plage?
