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

返回到:DOM 对象:Console 对象

定义和用法

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

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

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

语法

console.log(message)

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

参数说明

参数类型描述
messageString 或 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,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3833.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月24日 上午10:41
下一篇 2021年9月24日 上午10:55

相关推荐

发表回复

登录后才能评论