Utilisation de JavaScript
Les scripts HTML doivent être situés entre les balises <script>
Les scripts peuvent être placés dans les sections <body> et <head>
balise <script>
Pour insérer du JavaScript dans une page HTML, utilisez la balise <script>
<script> et </script> indiquent à JavaScript où commencer et se terminer. Les lignes entre
<script> et </script> contiennent du JavaScript :
<script> alert("我的第一个 JavaScript"); </script>
Vous n'avez pas besoin de comprendre le code ci-dessus. Comprenez simplement que le navigateur interprète et exécute le code JavaScript entre <script> et </script>
Des exemples plus anciens peuvent utiliser tapez="text/javascript" dans la balise <script> Ce n'est plus nécessaire. JavaScript est le langage de script par défaut dans tous les navigateurs modernes ainsi qu'en HTML5. JavaScript dans
<body>
Dans cet exemple, JavaScript écrit du texte dans le <body> du HTML lorsque la page se charge :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p> JavaScript 能够直接写入 HTML 输出流中: </p> <script> document.write("<h1>This is a title</h1>"); document.write("<p>This is a paragraph</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。 </p> </body> </html>
Fonctions et événements JavaScript
L'instruction JavaScript dans l'exemple ci-dessus sera exécutée lors du chargement de la page.
Souvent, nous devons exécuter du code lorsqu'un événement se produit, par exemple lorsque l'utilisateur clique sur un bouton.
Si nous mettons le code JavaScript dans une fonction, nous pouvons appeler la fonction lorsque l'événement se produit.
Vous en apprendrez davantage sur les fonctions et les événements JavaScript dans les chapitres suivants.
JavaScript dans <head> ou <body>
Vous pouvez mettre un nombre illimité de scripts dans votre document HTML.
Les scripts peuvent se trouver dans les sections <body> ou <head>, ou les deux.
Une approche courante consiste à placer les fonctions dans la section <head> De cette façon, ils peuvent être placés au même endroit sans interférer avec le contenu de la page. Fonction JavaScript dans
<head>
Dans cet exemple, nous plaçons une fonction JavaScript dans le <head> partie.
Cette fonction sera appelée lorsque le bouton sera cliqué : Fonction JavaScript
< dans<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; } </script> </head> <body> <h1>我的 Web 页面</h1> <p id="demo">一个段落。</p> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
<body> 🎜>
Dans cet exemple, nous plaçons une fonction JavaScript dans la section <body> Cette fonction sera appelée lorsque le bouton sera cliqué :<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>My first web</h1> <p id="demo">This is a paragraph</p> <button type="button" onclick="myFunction()">点击这里</button> <script> function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; } </script> </body> </html>
JavaScript externe
Vous pouvez également enregistrer le script dans un fichier externe. Les fichiers externes contiennent souvent du code utilisé par plusieurs pages Web. L'extension de fichier des fichiers JavaScript externes est .js. Pour utiliser un fichier externe, définissez le fichier .js dans l'attribut "src" de la balise <script> :<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>我的 Web 页面</h1> <p id="demo">一个段落。</p> <button type="button" onclick="myFunction()">点击这里</button> <p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p> <script src="myScript.js"></script> </body> </html>