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>

JavaScript -- 时光流逝（十三）：DOM -- Console 对象的更多相关文章

  1. JavaScript -- 时光流逝（十二）：DOM -- Element 对象

    JavaScript -- 知识点回顾篇(十二):DOM -- Element 对象 (1) element.accessKey: 设置或返回accesskey一个元素,使用 Alt + 指定快捷键 ...

  2. JavaScript -- 时光流逝（十一）：DOM -- Document 对象

    JavaScript -- 知识点回顾篇(十一):DOM -- Document 对象 (1) document.activeElement: 返回文档中当前获得焦点的元素. <!doctype ...

  3. JavaScript -- 时光流逝（十）：Screen 对象、History 对象、Location 对象

    JavaScript -- 知识点回顾篇(十):Screen 对象.History 对象.Location 对象 1. Screen 对象 1.1 Screen 对象的属性 (1) availHeig ...

  4. JavaScript -- 时光流逝（九）：Window 对象、Navigator 对象

    JavaScript -- 知识点回顾篇(九):Window 对象.Navigator 对象 1. Window 对象 1.1 Window 对象的属性 (1) closed: 返回窗口是否已被关闭. ...

  5. JavaScript -- 时光流逝（六）：js中的正则表达式 -- RegExp 对象

    JavaScript -- 知识点回顾篇(六):js中的正则表达式 -- RegExp 对象 1. js正则表达式匹配字符之含义      查找以八进制数 规定的字符.     查找以十六进制数 规定 ...

  6. JavaScript -- 时光流逝（五）：js中的 Date 对象的方法

    JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/ ...

  7. JavaScript -- 时光流逝（四）：js中的 Math 对象的属性和方法

    JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 ...

  8. JavaScript -- 时光流逝（三）：js中的 String 对象的方法

    JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...

  9. JavaScript -- 时光流逝（八）：js中的事件Event的使用

    JavaScript -- 知识点回顾篇(八):js中的事件Event的使用 事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行. (1) onabort : onabort 事件会在图像 ...

随机推荐

  1. 从a文件判断是否删除b文件中的行(sed示例)

    bash&shell系列文章:http://www.cnblogs.com/f-ck-need-u/p/7048359.html test.xml文件很大,内容结构如下: <?xml v ...

  2. Python面向对象基础：设置对象属性

    用类存储数据 类实际上就是一个数据结构,对于python而言,它是一个类似于字典的结构.当根据类创建了对象之后,这个对象就有了一个数据结构,包含一些赋值了的属性.在这一点上,它和其它语言的struct ...

  3. keras入门（三）搭建CNN模型破解网站验证码

    项目介绍   在文章CNN大战验证码中,我们利用TensorFlow搭建了简单的CNN模型来破解某个网站的验证码.验证码如下: 在本文中,我们将会用Keras来搭建一个稍微复杂的CNN模型来破解以上的 ...

  4. [转]RPA流程自动化-Blueprism认证考试介绍

    本文转自:https://www.cnblogs.com/digod/p/9190186.html RPA流程自动化-Blueprism认证考试介绍 接触RPA有一段时间了,几种RPA相关工具也都试用 ...

  5. win10 uwp 商业游戏 1.2.1

    上一个游戏已经告诉大家如何写多个游戏,现在继续写这个无聊的游戏 希望大家在看这篇文章之前先看win10 uwp 商业游戏,在这个文章告诉了大家如何创建游戏. 修改数值 可以从上一篇的博客的游戏看到升级 ...

  6. Java基础篇——集合浅谈

    原创不易,如需转载,请注明出处https://www.cnblogs.com/baixianlong/p/10703558.html,否则将追究法律责任!!! Set(基于Map来实现的,不细说) H ...

  7. No.3 数组中重复的数字 (P39)

    题目1:找出数组中重复的数字 [题目描述] 在一个长度为n的数组里的所有数字都在0到n-1的范围内. 数组中某些数字是重复的,但不知道有几个数字是重复的.也不知道每个数字重复几次.请找出数组中任意一个 ...

  8. JavaScript机器学习之KNN算法

    译者按: 机器学习原来很简单啊,不妨动手试试! 原文: Machine Learning with JavaScript : Part 2 译者: Fundebug 为了保证可读性,本文采用意译而非直 ...

  9. 3：Python条件语句

    1.if基本语句 if 条件: 内部代码块 内部代码块 else …… print('……') 2.if支持嵌套 if 1==1: if 2==2 print(n1) print(n2) else: ...

  10. ajax知识点

    什么是AJAX? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. ...