HTML DOM console.log() 方法 | Console 对象

定义和用法

console.log() 方法用于在控制台输出信息。

该方法对于开发过程进行测试很有帮助。

提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。

语法

console.log(message)

所有主要浏览器都支持DOM console.log() 方法

参数说明

参数	类型	描述
message	String 或 Object	必需，控制台上要显示的信息。

实例

DEMO1：在控制台上输出信息。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.log() 方法</h1>

<p>按下 F12 查看控制台信息。</p>
<script>
console.log("Hello Web176!");
</script>

</body>
</html>

DEMO2：使用对象作为输出的信息。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.log() 方法</h1>

<p>按下 F12 查看控制台信息。</p>

<p>这个实例演示了如何在控制台输出一个对象信息。</p>

<script>
var myObj = { name : "Web176教程", site : "www.web176.com" };
console.log(myObj);
</script>

</body>
</html>

DEMO3：使用数组作为输出的信息。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.log() 方法</h1>

<p>按下 F12 查看控制台信息。</p>

<p>这个实例演示了如何在控制台输出一个数组信息。</p>

<script>
var myArr = ["Google", "Taobao", "Runoob", "Facebook" ];
console.log(myArr);
</script>

</body>
</html>

terry

这个人很懒，什么都没有留下～