使用JavaScript输出语句的三种方式详解

最新推荐文章于 2025-04-27 23:04:29 发布

原创最新推荐文章于 2025-04-27 23:04:29 发布 · 407 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了在开发Web应用时用于调试的三种JavaScript方法：使用window.alert()显示警告框，document.write()将内容写入HTML，以及console.log()打印信息到浏览器控制台。这些技巧帮助开发者定位前端错误。

前言

在开发Web应用程序时，常常会遇到BUG的情况，这个时候我们就可以尝试在前端中输出一些语句来查看相关的信息，来判断是前端还是后端的错误（大部分情况下没有这么简单，该博客重点在JavaScript的相关语法上。

三种方式

方式一
window.alert(); // 浏览器弹出警告框
方式二
document.write(); // 写入HTML，在浏览器中展示
方式三
console.log(); // 写入浏览器控制台

这三种方式可以写在head、body、html标签中。
这里演示的是写在html标签中。

前端代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试JS</title>
</head>

<body>

</body>
<script> // 写在html标签中
    window.alert("我在警告框内!"); // 浏览器弹出警告框
    document.write("我是HTML的一部分!"); // 写入HTML，在浏览器中展示
    console.log("我在开发者工具内才能查看!"); // 写入浏览器控制台
</script>
</html>