JavaScript的輸出方式總結
阿新 • • 發佈：2018-12-11
1.通過彈窗輸出：window.alert();
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通過彈出框輸出內容</title>
</head>
<script>
alert("OK");
</script>
<body>
</body>
</html>
2、使用innerHTML寫入到HTML元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通過innerHTML輸出內容</title> </head> <script> function change() { document.getElementById("a").innerHTML = "通過innerHTML輸出內容"; } </script> <body> <h1 id="a">標題</h1> <button type="button" onclick="changeContent()">更改內容</button> </body> </html>
3、使用document.write()將內容寫到html文件中 4、使用console.log()將內容寫入到瀏覽器的控制檯
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用console.log()將內容寫入到瀏覽器的控制檯</title> </head> <body> <script> console.log("通過console向控制檯輸出了內容") </script> </body> </html>