JavaScript Sortir
"Si tu veux emprunter un nouveau chemin, tu dois le tracer toi-même"
Steve Jobs
JavaScript Affiche les possibilités
JavaScript peut "afficher" ("display") les données de différentes manières :
- Écrire dans un élément HTML, en utilisant
innerHTML. - Écrire dans la sortie HTML en utilisant
document.write(). - Écrire dans une boîte d'alerte, en utilisant
window.alert(). - Écrire dans la console du navigateur, en utilisant
console.log().
Utiliser innerHTML
Pour accéder à un élément HTML, JavaScript peut utiliser la méthode document.getElementById(id).
L'attribut id définit l'élément HTML. La propriété innerHTML définit le contenu HTML :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Ma première page Web</h1>
<p>Mon premier paragraphe</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Try it Yourself »
La modification de la propriété innerHTML d'un élément HTML est une manière courante d'afficher des données en HTML.
Utilisation de document.write()
À des fins de tests, il est pratique d'utiliser document.write():
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Ma première page Web</h1>
<p>Mon premier paragraphe.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Try it Yourself »
L'utilisation de document.write() après le chargement d'un document HTML supprimera tout le code HTML existant :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Ma première page Web</h1>
<p>Mon premier paragraphe.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Try it Yourself »
La méthode document.write() ne doit être utilisée qu'à des fins de test.
Utilisation de window.alert()
Vous pouvez utiliser une boîte d'alerte pour afficher des données :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Ma première page Web</h1>
<p>Mon premier paragraphe.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Try it Yourself »
Vous pouvez ignorer le mot-clé window.
En JavaScript, l'objet window est l'objet de portée globale, ce qui signifie que les variables, propriétés et méthodes appartiennent par défaut à l'objet window. Cela signifie également que la spécification du mot-clé window est facultative :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Ma première page Web</h1>
<p>Mon premier paragraphe.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
Try it Yourself »
Utiliser console.log()
À des fins de débogage, vous pouvez appeler la méthode console.log() dans le navigateur pour afficher les données.
Vous en apprendrez davantage sur le débogage dans un chapitre ultérieur.
Exemple
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Try it Yourself »
Impression JavaScript
JavaScript n'a pas d'objets d'impression ni de méthodes d'impression.
Vous ne pouvez pas accéder aux périphériques de sortie à partir de JavaScript.
La seule exception est que vous pouvez appeler la méthode window.print() dans le navigateur pour imprimer le contenu de la fenêtre actuelle.
Exemple
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Imprimer cette page</button>
</body>
</html>
Try it Yourself »
JavaScript - Sortie. Tutoriel vidéo W3Schools
Cette vidéo montre comment JavaScript s'affiche ou "sorties" dans HTML et le navigateur.
Fait partie d'une série de didacticiels vidéo pour apprendre JavaScript pour les débutants !
