JavaScript中如何实现输出

JavaScript 语言中没有类似于 print() 这样的打印或输出函数。那么 JavaScript 要如何显示数据呢？下面我们来讲一下 JavaScript 中几种用来显示数据的方式。

window.alert()

第一种是使用 window.alert() 来弹出警告框，这很简单，例如我们想要显示“欢迎来到侠课岛”，我们可以像下面这样写代码，直接在 alert() 的小括号中加上要输出的内容。

示例：

下面代码中输出的内容是字符串，所以我们加上了双引号，如果输出数字则不用加：

浏览器中截图如下：

这样一句简单的代码就可以实现弹出一个弹出层。且 alert() 函数中除了可以直接输出内容，还可以运算，例如下面这句代码最终弹出层显示结果为300：

window.alert(100 + 200);

浏览器中截图如下所示：

这里我们注意一下，JavaScript 代码是写在 HTML 页面中的

在浏览器打开这个HTML页面，截图如下所示：

但是有一点需要注意，document.write() 仅用于向文档输出写内容，如果文档已经加载完成，在这之后执行document.write()，则内容会覆盖整个HTML页面。

示例：

例如下面这段代码，在 button 按钮上绑定了一个 coverCon() 函数，这个函数就是

在浏览器打开这个页面，截图如下所示：

我们点击页面中的按钮，触发按钮上绑定的 coverCon() 函数，document.write() 中的内容会覆盖整个 HTML 页面。

innerHTML

第三种方法是使用 innerHTML 操作 HTML 元素，如果想要从 JavaScript 中访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。

示例：

例如我们向绑定了指定 id 选择器的元素添加内容，代码如下：

  

  
水星仔

在浏览器中打开页面，截图如下所示：

从上图我们可以看到，我们成功将指定内容添加到了 HTML 元素中。

console.log()

第四种方法是使用 console.log() 将要显示的内容写入到浏览器中的控制台。

示例：

例如我们使用 console.log() 来实现在浏览器控制台显示内容：

  
今天是一个大晴天哟！

浏览器中截图如下：

一般我们在项目开发过程中，会经常用到 console.log() 方法来显示数据，测试代码的准确性。

更多查看链接：https://www.9xkd.com/