HTML DOM Document 对象HTML DOM Attribute 对象
JavaScript Console 对象
console对象
Console对象提供对浏览器调试控制台的访问。
控制台最常用的功能是记录文本和其他数据。
使用日志记录方法的最简单方法是输出字符串：
console.log("Hello world!!!");测试看看‹/›您还可以通过在调用日志记录方法时简单列出它们来输出多个对象，如下所示：
var car = "Scorpio";
var myObject = { str: "Some text", id: 12 };
console.log("My first car was a", car, ". The object is:", myObject);测试看看‹/›使用％c指令将CSS样式应用于控制台输出：
console.log("This is %cMy stylish message", "color:white; background-color:black;");测试看看‹/›指令前的文本不会受到影响，但是指令后的文本将使用参数中的CSS声明进行样式设置。
此代码演示了如何使用多个％c指令将CSS样式应用于控制台输出：
console.log("%cThis is %cMy stylish %cmessage",
"color:white; background-color:#4285f4; font-size: 2em;",
"color:#19EE1F; background-color:black; font-size: 2em;",
"color:black; background-color:yellow; font-size: 2em;");测试看看‹/›控制台对象方法
下表列出了Console对象的方法：
| 方法 | 描述 |
|---|---|
| assert() | 如果第一个参数为false，则记录消息并堆栈跟踪到控制台 |
| clear() | 清除控制台 |
| count() | 记录调用count()的次数 |
| error() | 将错误消息输出到控制台 |
| group() | 创建一个新的内联组，将所有后续输出缩进到另一个级别。要移出一个级别，调用groupEnd() |
| groupCollapsed() | 用于设置折叠的分组信息，在这个代码以下执行输出的信息都会再折叠的分组里。 点击扩展按钮打开分组信息。 |
| groupEnd() | 退出当前的内联组 |
| info() | 将信息性消息输出到控制台 |
| log() | 将消息输出到控制台 |
| table() | 将表格数据显示为表格 |
| time() | 启动计时器（可以跟踪操作需要多长时间） |
| timeEnd() | 停止以前由console.time()启动的计时器 |
| trace() | 将堆栈跟踪输出到控制台 |
| warn() | 将警告消息输出到控制台 |
HTML DOM Document 对象HTML DOM Attribute 对象