JavaScript -- 知识点回顾篇（十三）：DOM -- Console 对象
(1) assert() : 如果断言为 false，则在信息到控制台输出错误信息。
(2) clear() : 清除控制台上的信息。
(3) count() : 记录 count() 调用次数，一般用于计数。
(4) error() : 输出错误信息到控制台
(5) group() : 在控制台创建一个信息分组。 一个完整的信息分组以 console.group() 开始，console.groupEnd() 结束
(6) groupCollapsed() : 在控制台创建一个信息分组。 类似 console.group() ，但它默认是折叠的。
(7) groupEnd() : 设置当前信息分组结束
(8) info() : 控制台输出一条信息
(9) log() : 控制台输出一条信息
(10) table() : 以表格形式显示数据
(11) time() : 计时器，开始计时间，与 timeEnd() 联合使用，用于算出一个操作所花费的准确时间。
(12) timeEnd() : 计时结束
(13) trace() : 显示当前执行的代码在堆栈中的调用路径。
(14) warn() : 输出警告信息，信息最前面加一个黄色三角，表示警告
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>MyHtmlPage - Test JavaScript</title>
<meta charset="utf-8" />
<script type="text/javascript">
function my_assert() {
console.assert(document.getElementById("myInfo"), "没有 ID 为 'myInfo' 的元素");
}
function my_clear() {
console.clear();
}
function my_count() {
for (i = 0; i < 10; i++) {
console.count();
}
}
function my_error() {
console.error("这是一个error信息");
}
function my_group() {
console.log("类别1");
console.group();
console.log("类别1这一组的消息1。");
console.log("类别1这一组的消息2。");
}
function my_groupCollapsed() {
console.log("类别1");
console.groupCollapsed();
console.log("类别1这一组的消息1。");
console.log("类别1这一组的消息2。");
}
function my_groupEnd() {
console.log("类别1");
console.group();
console.log("类别1这一组的消息1。");
console.groupEnd();
console.log("分组结束");
}
function my_info() {
console.info("Hello World !");
}
function my_log() {
console.log("Hello!");
}
function my_table() {
var site1 = { name: "Baidu", site: "www.baidu.com" }
var site2 = { name: "Hao123", site: "www.hao123.com" }
var site3 = { name: "Taobao", site: "www.taobao.com" }
console.table([site1, site2, site3], ["mysite"]);
}
function my_time() {
console.time();
var sum = 0;
for (i = 0; i < 10000; i++) {
sum += i;
}
console.timeEnd();
}
function my_TestTrace() {
my_trace();
} function my_trace() {
console.trace();
}
function my_warn() {
console.warn("这是一个警告信息");
}
</script>
</head>
<body>
<input type="button" value="Test_assert" onclick="my_assert()"/>
<input type="button" value="Test_clear" onclick="my_clear()" />
<input type="button" value="Test_count" onclick="my_count()" />
<input type="button" value="Test_error" onclick="my_error()" /><br />
<input type="button" value="Test_group" onclick="my_group()" />
<input type="button" value="Test_groupCollapsed" onclick="my_groupCollapsed()" />
<input type="button" value="Test_groupEnd" onclick="my_groupEnd()" />
<input type="button" value="Test_info" onclick="my_info()" /><br />
<input type="button" value="Test_log" onclick="my_log()" />
<input type="button" value="Test_table" onclick="my_table()" />
<input type="button" value="Test_trace" onclick="my_TestTrace()" />
<input type="button" value="Test_warn" onclick="my_warn()" />
</body>
</html>