avaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript 显示数据

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

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

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

使用 innerHTML 写入到 HTML 元素。

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

使用 window.alert()

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

实例

nbsp;html>

我的第一个页面

我的第一个段落。

操作 HTML 元素

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

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

实例

nbsp;html>

我的第一个 Web 页面

"demo">我的第一个段落

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

document.getElementById(“demo”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。

innerHTML = “段落已修改。” 是用于修改元素的 HTML 内容(innerHTML)的JavaScript 代码。

在本教程中

在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：

上面的例子直接把 id=”demo” 的

元素写到 HTML 文档输出中：

写到 HTML 文档

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

实例

nbsp;html>

我的第一个 Web 页面

我的第一个段落。

Fri Apr 22 2022 16:20:12 GMT+0800 (中国标准时间)

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

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

实例

nbsp;html>

我的第一个 Web 页面

我的第一个段落。

"MYFUNCTION()">点我

写到控制台

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

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

nbsp;html>

我的第一个 Web 页面

实例 console 截图：

您知道吗?

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

日常开发中，为了方便数据的输入和输出，JavaScript提供了一些常用的输入输出语句，具体如表1-3所示。
表1常用的输入输出语句

接下来将分别演示document.write0、console.log0和promptO的使用。

1. document.write()

document.write0的输出内容中如果含有HTML标签，会被浏览器解析。下面利用documenL.write0在页面中输出“我是document.write0语句!”，示例代码如下。

document.write('我是document.write()语句！');

2. console.log()

利用console.log0语句在控制台输出“我是console.log0语句!”，示例代码如下。

console.log('我是console.log()语句!');

console:.log0的输出结果需要在浏览器的控制台中查看。在Chrome 浏览器中按“F12”键(或在网页空白区域右击，在弹出的菜单中选择“检查”)启动开发者工具，然后切换到“Console”(控制台)面板，即可看到console.log0的输出结果。

3.prompt()

利用prompt0语句实现在页面中弹出一个带有提示信息的输入框，示例代码如下。

prompt(请输入姓名：');

上述示例代码运行后，将在页面中弹出一个输人框并提示用户“请输人姓名：”提示框。