前端页面怎么输出html,JavaScript中如何实现输出

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

window.alert()

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

我们可以将window.alert() 简写为 alert()，因为默认就是 window 调用 alert() 方法。

示例：

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

JS_侠课岛(9xkd.com)

window.alert("欢迎来到侠课岛");

浏览器中截图如下：

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

window.alert(100 + 200);

浏览器中截图如下所示：

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

document.write()

第二种方法是使用 document.write() 方法将内容写到 HTML 文档中，write() 方法内可以包含 HTML 代码。

示例：

例如我们在 HTML 页面中的

JS_侠课岛(9xkd.com)

document.write('

你好，侠课岛！

');

document.write('

恭喜你，登录成功。

');

document.write('

侠课岛是优秀的互联网工作技能在线学习网站，专注于制作大量精品短视频和图文实战教程。

');