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 les données. haut 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.
Utilisez window.alert()
Vous pouvez faire appara?tre une bo?te d'alerte pour afficher les données?:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn)</title>
</head>
<body>
<h1>我的第一個頁面</h1>
<p>我的第一個段落。</p>
<script>
window.alert('你好嗎');
</script>
</body>
</html>Exécutez le programme pour l'essayer
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 et innerHTML pour obtenir ou insérer le contenu de l'élément?:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn）</title>
</head>
<body>
<h1>PHP中文網(wǎng)</h1>
<p id="demo">我的第一個段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
</body>
</html>Exécutez le programme pour l'essayer
L'instruction JavaScript ci-dessus (dans la balise < script>) peut être exécuté dans un navigateur Web?:
document.getElementById("demo") est un code JavaScript qui utilise l'attribut id pour rechercher un élément HTML.
innerHTML = "Le paragraphe a été modifié." est le code JavaScript utilisé pour modifier le contenu HTML (innerHTML) de l'élément.
écrire dans un document HTML
Vous pouvez écrire du JavaScript directement dans un document HTML?:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)（php.cn）</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p>我的第一個段落。</p> <script> document.write(Date()); </script> </body> </html>
Exécutez le programme pour l'essayer out
Remarque?: 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. Comme ce qui suit
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)(php.cn)</title>
</head>
<body>
<h1>我的第一個 Web 頁面</h1>
<p>我的第一個段落。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction()
{
document.write(Date());
}
</script>
</body>
</html>Exécutez le programme et essayez-le
écrivez sur la console
Si votre navigateur prend en charge le débogage , vous pouvez utiliser la méthode console.log() pour afficher 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> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)（php.cn）</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p> 瀏覽器中(Chrome, IE, Firefox) 使用 F12 來啟用調(diào)試模式， 在調(diào)試窗口中點擊 "Console" 菜單。 </p> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
Exécutez le programme et essayez-le
