Sortie JavaScript
Sortie JavaScript
JavaScript est généralement utilisé pour manipuler des éléments HTML.
JavaScript affiche les données
JavaScript peut afficher les données de différentes manières :
Utilisez window.alert() pour apparaître Boîte d'avertissement. Utilisez la méthode document.write() pour écrire du contenu dans un document HTML. Utilisez innerHTML pour écrire dans des éléments HTML. Utilisez console.log() pour écrire dans la console du navigateur.
Manipulation des éléments HTML
Pour accéder à un élément HTML depuis JavaScript, vous pouvez utiliser la méthode document.getElementById(id).
Veuillez utiliser l'attribut "id" pour identifier les éléments HTML :
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>document.getElementById("demo").innerHTML="My First JavaScript";</script>
</body>
</html>L'instruction JavaScript ci-dessus (dans < ;script> ; tag) peut être exécuté dans un navigateur Web :
document.getElementById("demo") est du code JavaScript qui utilise l'attribut id pour rechercher des éléments HTML.
innerHTML = "Le paragraphe a été modifié." est le code JavaScript utilisé pour modifier le contenu HTML (innerHTML) de l'élément.
Utilisez window.alert()
Vous pouvez faire apparaître une boîte d'alerte pour afficher les données :
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert('Hello Word!');
</script>
</body>
</html>Dans ce tutoriel
Dans la plupart des cas, dans ce tutoriel, nous utiliserons la méthode décrite ci-dessus pour afficher :
L'exemple suivant écrit directement l'élément <p> avec id="demo" dans la sortie du document HTML :
Écrire dans un document HTML
À des fins de test, vous pouvez utiliser JavaScript écrit directement dans le document HTML :
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html>
Veuillez utiliser document.write() pour écrire uniquement le contenu dans la sortie du document.
Si document.write est exécuté une fois le chargement du document terminé, la page HTML entière sera écrasée.
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
</html>Écrire sur la console
Si votre navigateur prend en charge le débogage, vous pouvez utiliser la console Le .log () affiche les valeurs JavaScript dans le navigateur.
Utilisez F12 dans le navigateur pour activer le mode débogage, puis cliquez sur le menu "Console" dans la fenêtre de débogage.
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
Le débogage dans un programme est le processus de test, de recherche et de réduction des bugs (erreurs).
