Comment le JavaScript en ligne fonctionne-t-il avec HTML ?
Sep 01, 2023 pm 02:33 PM
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 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?
Mar 04, 2025 pm 12:32 PM
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?
Mar 17, 2025 pm 12:27 PM
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?
Mar 04, 2025 pm 02:39 PM
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?
Mar 20, 2025 pm 06:05 PM
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?
Mar 18, 2025 pm 02:51 PM
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?
Mar 17, 2025 pm 12:20 PM
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?
Mar 12, 2025 pm 04:05 PM
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?
Mar 12, 2025 pm 04:08 PM
Comment utiliser le HTML5 & LT; METER & GT; élément pour afficher des données numériques dans une plage?
