JavaScript 输出

JavaScript可以通过不同的方式来输出数据：

    使用window.alert()弹出警告框。

    使用document.write（）方法将内容写到HTML文档中。

    使用innerHTML写入到HTML元素。

    使用console.log（）写入到浏览器的控制台。

       

        严格来说，JavaScript没有任何打印或者输出的函数，以上几种方式都只不过是一种数据展示的方法，最接近输出的方法应该是console，但这种方式只是调试辅助工具。

使用window.alert()

你可以弹出警告框来显示数据：

检查会发现弹出了警告框：

确认后才出现文本：

操作HTML元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容

谷歌浏览器打开 F12检查 出现结果：

以上 JavaScript 语句（在 <script> 标签中）可以在 web 浏览器中执行：

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。

innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

写到HTML文档

使用 document.write() 方法将内容写到 HTML 文档中。此功能可用于写入文本和HTML。

出于测试目的，您可以将JavaScript直接写在HTML 文档中：

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

写到控制台

如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。

运行结果：

提示：console.log() 方法能够让你看到你在页面中的输出内容，让你更容易调试javascript；与alert相比，console不会打断你页面的操作，console里面的内容非常丰富，你可以在控制台输入 console。