JavaScript -- 时光流逝（十三）：DOM -- Consol…

2018-11-09 02:36:54来源：博客园阅读 ()

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>