JavaScript 常用输出语句详解:alert、document.write 与 console
本文详细介绍 JavaScript 中三种最常用的输出方式:alert() 用于弹出警示框,document.write() 与 writeln() 用于文档打印输出,以及 Console 系列方法用于控制台调试。文章通过具体代码示例和效果说明,解析各方法的语法特点、适用场景及注意事项,帮助开发者掌握基础的页面交互与调试技巧。
JavaScript 常用输出语句概述
本文主要介绍 JavaScript 中三种最为常用的输出语句:alert() 用于弹出警示框,document.write() 系列用于打印输出,以及 Console 对象用于控制台输出。具体实现方法及注意事项详见下文,文中附有相关图片与详细注释。
代码如下:
alert() 弹出警示框alert() 弹出警示框
window.alert('继续学习'); 这是完整的写法。
效果如下:

由于 alert 属于 window 对象的方法,而 window 关键字在调用时可以省略。
因此,通常我们直接这样编写:alert('欢迎大家来学习'); // 弹出警示框
然而,每次调用都会弹出对话框,这可能会影响用户体验,甚至让部分用户感到困扰(此处为幽默说法)。主要问题在于交互体验不佳,因此建议仅在测试阶段使用,日常开发中应尽量避免。
document.write() 文档打印输出
文档打印输出
常用的打印输出语句主要有两个。
代码如下:
document.write()
document.writeln()
注意:这两个方法属于 document 对象,document 关键字不可省略。
writeln 是 write line 的缩写,它会在输出内容的末尾自动添加一个 <br /> 换行标签。
在正常文档流中,document.writeln() 输出的内容之间通常表现为一个空格,因此平时可能看不出两者的明显区别。
但在 pre 标签中,writeln 会体现出实际的换行效果。示例如下:

展示效果如下:

Console 控制台输出方法
控制台输出(Console)
代码如下:
Console 控制台
Console.log() 是测试中使用最多的方法,编写完成后通常需要删除。
Console.info() 与 console.log 功能基本一致,区别仅在于输出内容前会有一个特定的图标标识。
Console.warn() 用于输出警示信息。
Console.error() 用于输出错误提示。
效果如下:

以上就是本文的全部内容,希望对大家有所帮助。
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
