JavaScript 输出

程序跑起来总要"看结果"。JS 没有现成的 print 命令，但有几种常见输出方式：console.log 输出到控制台、alert 弹出警告框、document.write 写入页面、innerHTML 更新元素内容，本章逐一讲解。

console.log：控制台输出（最常用）

按 F12 打开控制台即可看到结果，主要用于调试，不影响页面外观：

console.log("你好");
console.log(123);
console.log("名字：" + "小明");
// 输出：你好
// 输出：123
// 输出：名字：小明

一次可以打印多个值，用逗号分隔：

console.log("分数", 92, "分");
// 输出：分数 92 分

alert：弹出警告框

浏览器弹出对话框，用户必须点"确定"才能继续，适合给用户提示：

alert("欢迎访问本站！");
// 效果：页面弹出提示框，显示"欢迎访问本站！"

注意：alert 会阻塞页面操作，正式项目中不要滥用。

document.write：写入文档

把内容直接写进 HTML 文档，适合测试，但页面加载完成后调用会覆盖整个文档：

document.write("<h2>这是一段 JS 写入的标题</h2>");
// 效果：页面出现一个 h2 标题

innerHTML：修改元素内容（最常用）

通过 id 找到页面元素，再把 HTML 塞进去，是操作页面的主流方式：

<p id="demo">旧文字</p>

<script>
  document.getElementById("demo").innerHTML = "新文字";
</script>

效果：页面段落文字从"旧文字"变成"新文字"。

如何选择输出方式

• 调试、查看中间结果：console.log。
• 需要打断用户给提示：alert。
• 测试性地往页面写内容：document.write。
• 正式更新页面某处内容：innerHTML。

小结

看结果首选 console.log，改页面推荐 innerHTML；alert 与 document.write 了解即可，正式项目别滥用。