JavaScript peut générer des données de 4 manières différentes :
Utilisez window.alert() pour faire apparaître une boîte d'avertissement.
Utilisez la méthode document.write() pour écrire le contenu dans le document HTML.
Utilisez innerHTML pour écrire dans des éléments HTML.
Utilisez console.log() pour écrire dans la console du navigateur.
window.alert()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="/static/js/abc.js"></script><script>
function myFunction()
{
window.alert("Hello! 这是一个按钮");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box">
</body>
</html>document.write()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>Head</h1>
<script>
document.write('<p>hello document</p>');
</script>
<h2>Tail</h2>
</html>innerHTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function getInnerHTML(){
alert(document.getElementById("test").innerHTML);
}
</script>
</head>
<body>
<p id="test"><span color="#000">php中文网</span></p>
<input type="button" onclick="getInnerHTML()" value="点击" />
</body>
</html>console.log()
Si votre navigateur prend en charge le débogage, vous pouvez utiliser la méthode console.log() Afficher la valeur 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中文网(php.cn)</title>
<script type="text/javascript">
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</head>
<body>
<p>在浏览器中使用F12来调试，在调试窗口中点击 "Console"</p>
</body>
</html>
section suivante