JavaScript ne possède pas de fonctions intégrées d'impression ou d'affichage.
JavaScript Afficher Possibilités
JavaScript peut Données "d'affichage" de différentes manières:
- L' écriture dans une zone d' alerte, en utilisant window.alert() .
- L' écriture dans la sortie HTML en utilisant document.write() .
- L' écriture dans un élément HTML, en utilisant innerHTML .
- L' écriture dans la console du navigateur, en utilisant console.log() .
À l' aide window.alert()
Vous pouvez utiliser une boîte d'alerte pour afficher les données:
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Essayez - le vous - même » Utilisation de document.write()
Aux fins des essais, il est commode d'utiliser document.write() :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Essayez - le vous - même » Utilisation de document.write() après un document HTML est entièrement chargé, va supprimer tous les fichiers HTML existant:
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Essayez - le vous - même » Le document.write() méthode ne doit être utilisé pour les tests.
Utilisation de innerHTML
Pour accéder à un élément HTML, JavaScript peut utiliser le document.getElementById(id) méthode.
L' id attribut définit l'élément HTML. La innerHTML propriété définit le contenu HTML:
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Essayez - le vous - même » Pour " les données d'affichage" en HTML, (dans la plupart des cas) , vous définissez la valeur d'un innerHTML propriété.
À l' aide console.log()
Dans votre navigateur, vous pouvez utiliser le console.log() méthode pour afficher des données.
Activer la console du navigateur avec F12, et sélectionnez "Console" dans le menu.
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Essayez - le vous - même »