JavaScript 输出


JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

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

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

  • 使用document.write()方法将内容写到 HTML 文档中。

  • 使用innerHTML写入到 HTML 元素。

  • 使用console.log()写入到浏览器的控制台。


使用 window.alert()

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

实例

    php.cn 

我的第一个页面

我的第一个段落。


运行实例 »

点击 "运行实例" 按钮查看在线实例


操作 HTML 元素

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

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

实例

    php.cn 

我的第一个 Web 页面

我的第一个段落。


运行实例 »

点击 "运行实例" 按钮查看在线实例

以上 JavaScript 语句(在

我的第一个 Web 页面

我的第一个段落。


运行实例 »

点击 "运行实例" 按钮查看在线实例


Note

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

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


实例

    菜鸟教程(runoob.com) 

我的第一个 Web 页面

我的第一个段落。


运行实例 »

点击 "运行实例" 按钮查看在线实例


写到控制台

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

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

实例

    php.cn 

我的第一个 Web 页面

浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。


运行实例 »

点击 "运行实例" 按钮查看在线实例

实例 console 截图:

QQ截图20161017131243.png


您知道吗?

Note 程序中调试是测试,查找及减少bug(错误)的过程。