在JavaScript中，如何使用`console.log()`函数来在浏览器的控制台输出信息？

htmljavascript

在JavaScript中，console.log()是一个常用的函数，用于在浏览器的开发者控制台输出信息。这对于调试代码或查看程序运行时的状态非常有用。

要使用console.log()，你只需在JavaScript代码中调用该函数，并传入你想要输出的信息作为参数。当浏览器执行到该行代码时，它会在控制台中显示相应的信息。

以下是一个简单的示例，展示了如何在HTML文件中使用JavaScript的console.log()函数：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>console.log() 示例</title>
<script>
window.onload = function() {
    console.log("Hello, World!");
    console.log("这是一条来自console.log的信息。");
    var number = 42;
    console.log("变量的值是: " + number);
}
</script>
</head>
<body>

<h1>console.log() 示例</h1>
<p>打开浏览器的开发者控制台查看输出信息。</p>

</body>
</html>

尝试一下 »

在这个示例中，我们创建了一个简单的HTML页面，并在<script>标签中编写了JavaScript代码。当页面加载完成时，window.onload事件会触发一个匿名函数，该函数中包含了三个console.log()调用。

要查看输出信息，你需要打开浏览器的开发者工具（通常可以通过按F12键或右键点击页面并选择“检查”来打开），并切换到“控制台”选项卡。你会在那里看到console.log()输出的信息。

上一篇：在JavaScript中，如何获取HTML元素的内容并修改它？

下一篇：HTML与CSS的区别有哪些？