Sortie JavaScript


JavaScript n'a aucune fonction d'impression ou de sortie.

JavaScript pour afficher les données

JavaScript peut générer des données de différentes manières :

  • Utilisez window.alert() pour afficher haut Boîte d'avertissement.

  • Utilisez la méthode document.write() pour écrire le contenu dans le document HTML.

  • est écrit dans l'élément HTML en utilisant innerHTML.

  • Utilisez console.log() pour écrire dans la console du navigateur.

Utilisez window.alert()

Vous pouvez faire apparaître une boîte d'alerte pour afficher les données :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
	
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Manipuler les é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 et innerHTML pour obtenir ou insérer le contenu de l'élément :

Exemple

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Les instructions JavaScript ci-dessus (dans la balise <script>) peuvent être exécutées de manière navigateur Web :

document.getElementById("demo") est un code JavaScript qui utilise l'attribut id pour rechercher des éléments HTML .

innerHTML = "Le paragraphe a été modifié." permet de modifier le contenu HTML (innerHTML) de l'élément. Code JavaScript.

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 Écrivez directement le <p> ; élément avec id="demo" à la sortie du document HTML :

Écrire dans le document HTML

À des fins de test, vous pouvez écrire du JavaScript directement en HTML Dans le document :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne instance


Note
Note

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

Veuillez utiliser document.write() pour uniquement afficher le contenu écrit dans le document. <🎜><🎜>Si document.write est exécuté une fois le chargement du document terminé, la page HTML entière sera écrasée. <🎜>


Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() 
{
    document.write(Date());
}
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Écrire sur la console

Si votre navigateur prend en charge le débogage, vous pouvez utiliser la méthode console.log() pour l'afficher dans la valeur JavaScript du navigateur.

Utilisez F12 dans le navigateur pour activer le mode débogage, cliquez dans la fenêtre de débogage Menu "Console".

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Capture d'écran de la console d'instance :

QQ截图20161017131243.png

Le saviez-vous ?

Note程序中调试是测试，查找及减少bug(错误)的过程。