Categories: DOM对象tips

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

返回到:DOM 对象:Console 对象

定义和用法

console.error() 方法用于输出错误信息到控制台。

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

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

语法

console.error(message)

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

参数说明

参数类型描述
messageString 或 Object必须,一个错误信息,可以是字符串或对象。

实例

DEMO1:将错误信息输出到控制台。

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

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

<p>按下 F12 查看控制台信息。</p>
<script>
console.error("这是一个错误。");
</script>

</body>
</html>

DEMO2:使用对象作为错误信息。

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

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

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

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

<script>
var myObj = { name : "菜鸟教程", site : "www.runoob.com" };
console.error(myObj);
</script>

</body>
</html>

DEMO3:数组作为错误信息。

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

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

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

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

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

</body>
</html>
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

6 天 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

4 周 ago