前言
JavaScript 可以通过不同的方式来输出数据。
JavaScript 输出数据的几种方式
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
使用 window.alert()
使用 window.alert() 会弹出警告框来显示数据：
使用 document.write()
可以将 JavaScript 直接输出到 HTML 文档 ( 页面 ) 中：
如果在文档已完成加载后执行 document.write() ，整个 HTML 页面将被覆盖。
使用 innerHTML
此种方式需要先用 JavaScript 获取某个 HTML 元素，然后用 innerHTML 来获取或插入元素内容：
使用 console.log()
使用 console.log() 输出数据，往往用在页面调试时；如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器调试窗口中输出 JavaScript 值; 这种方式在后期网页开发过程中使用最多 .
浏览器中使用 F12 来打开调试窗口。
各种方式优缺点对比
console.log() & alert() :
两者共同点： console.log() & alert() 主要是调式 javascript 时用 ;
两者不同点：当输出对象时， console.log() 输出能看到结构化的东西（细节），而 alert() 能看不到细节; console.log() 不会打断页面的操作，而用 alert 弹出来内容，操作被打断，必须点掉才能继续操作。
document.write() & innerHTML :
document.write 是直接写入到页面的内容流 ; innerHTML 则是 DOM 页面元素的一个属性，代表该元素的 html 内容 , 你可以用 innerHTML 精确操作某一个元素的 html 内容。
