HTML DOM console.log() 方法
htmlweb developmentfront end technology更新于 2025/9/24 0:44:17
HTML DOM console.log() 方法用于向控制台写入消息。控制台主要用于调试和测试。消息可以是字符串类型或对象类型。
语法
以下是 console.log 方法的语法 −
onsole.log(msg)
其中，msg 可以是字符串、数组或对象。我们也可以发送多个以逗号分隔的对象作为参数。
示例
让我们看一个 console.log() 方法的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="logConsole()">LOG</button>
<script>
function logConsole(){
console.log("Following are some animal names");
var Arr1 = ["dog", "cat", "monkey", "lion" ];
console.log(Arr1);
}
</script>
</body>
</html>
输出
这将产生以下输出 −
点击 LOG 按钮并查看控制台 −
在上面的例子中 −
我们首先创建了一个按钮 LOG，当用户点击该按钮时，它将执行 logConsole() 函数 −
<button type="button" onclick="logConsole()">LOG</button>
logConsole() 函数内部包含 console.log() 方法。我们首先将一个简单的字符串作为参数传递给 console.log() 方法。然后，我们将一个长度为 4 的数组传递给 console.log()。它将按照文档中的顺序打印这两条消息 −
function logConsole(){
console.log("Following are some animal names");
var Arr1 = ["dog", "cat", "monkey", "lion" ];
console.log(Arr1);
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
