Les scripts JavaScript en HTML doivent être placés entre les balises et . Les scripts JavaScript peuvent être placés dans les balises et situation. Cela dépend, généralement placé dans la balise 1. Balise </strong><br> Si vous devez insérer le script JavaScript sur la page HTML, utilisez le label & lt; <script> et indiqueront à JavaScript par où commencer et fin. La ligne entre et contient du JavaScript : alert("欢迎来到JavaScript世界！！！"); Copier après la connexion Vous n'avez pas besoin de comprendre le code ci-dessus. Comprenez simplement que les navigateurs interprètent et exécutent le JavaScript entre et . Ces vieux Les instances plus anciennes peuvent utiliser type="text/javascript" dans la balise Ce n'est plus nécessaire. JavaScript est présent dans tous les navigateurs modernes <br /> Et le langage de script par défaut en HTML5. Pour ceux qui viennent d’apprendre le langage JavaScript, vous pouvez l’utiliser ! <br /> <strong>2. JavaScript dans <corps></strong><br /> Dans cet exemple, JavaScript écrit du texte dans le <body> du HTML lors du chargement de la page : <br /> Exemple de code : <br /> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript脚本语言</title> > </head> <body> <p> JavaScript 能够直接写入 HTML 输出流中： </p> <script type="text/javascript"> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); 您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 Copier après la connexion Nous ne nous soucions pas de la façon d'écrire et d'exécuter le code JavaScript, regardons d'abord les résultats : 3. Fonctions et événements JavaScript L'instruction JavaScript dans l'exemple ci-dessus sera exécutée lors du chargement de la page. Habituellement, nous devons exécuter du code lorsqu'un événement se produit, par exemple lorsque l'utilisateur Lorsque le bouton est cliqué. Si nous mettons le code JavaScript dans une fonction, nous pouvons appeler cette fonction lorsqu'un événement se produit. 4. JavaScript dans ou Vous pouvez mettre un nombre illimité de scripts dans votre document HTML. Les scripts peuvent se trouver dans les sections ou , ou les deux dans . en deux parties. Une pratique courante consiste à placer les fonctions dans la section De cette façon, ils peuvent être placés au même endroit, N'interfère pas avec le contenu de la page. 5. Fonctions JavaScript dans Dans cet exemple, nous plaçons une fonction JavaScript dans la section Cette fonction sera appelée lorsque le bouton sera cliqué : Exemple de code : JavaScript脚本语言 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } My Web Page A Paragraph. 点击这里 Copier après la connexion Le résultat de la course à pied est : L'effet après avoir cliqué sur le bouton est : 6. Fonction JavaScript dans Dans cet exemple, nous plaçons une fonction JavaScript dans la section Cette fonction sera appelée lorsque le bouton sera cliqué : Exemple de code : JavaScript脚本语言 My First Web Page A Paragraph. 点击这里 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } Copier après la connexion Le résultat de la course à pied est le même que le résultat des cinq ci-dessus ! Astuce : Nous mettons le JavaScript au bas du code de la page, afin de pouvoir garantir que le script est exécuté après la création de l'élément 7. JavaScript externe Nous pouvons également enregistrer le script dans un fichier externe. Les fichiers externes contiennent souvent du code utilisé par plusieurs pages Web. Extension de fichier pour les fichiers JavaScript externes Le nom de l'exposition est .js. Si vous devez utiliser un fichier externe, veuillez définir le fichier .js dans l'attribut "src" de la balise . S'il y a beaucoup de code JavaScript, je <br />. Nous préconisons l'utilisation de méthodes JavaScript externes et, généralement, nous utilisons également une méthode distincte pour nous connecter aux documents HTML. <br /> Exemple<br /> Code HTML : <br /> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript脚本语言</title> <script type="text/javascript" src="/js/myScript.js"> My Web Page A Paragraph. 点击这里 注释：myFunction 保存在名为 "myScript.js" 的外部文件中。 Copier après la connexion Code myScript.js : function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } Copier après la connexion Le résultat en cours d'exécution est conforme à ce qui précède ! L'effet d'exécution réel est exactement le même que lorsque vous écrivez le script dans la balise . <span style="color: #800000"> Les scripts externes ne peuvent pas contenir de balises <script> <strong> </strong>Ce qui précède est la méthode permettant de combiner JavaScript et HTML. J'espère qu'elle sera utile à l'apprentissage de chacun. </span></p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
