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. Go基础系列：Go中的方法

    Go方法简介 Go中的struct结构类似于面向对象中的类.面向对象中,除了成员变量还有方法. Go中也有方法,它是一种特殊的函数,定义于struct之上(与struct关联.绑定),被称为struc ...

  2. ife2018 零基础学院 day 3

    ife2018 零基础学院 第三天:让简历有点色彩 什么是CSS,CSS是如何工作的! 摘自CSS如何工作 什么是CSS CSS是一种用于向用户指定文档如何呈现的语言 - 它们如何被指定样式.布局等. ...

  3. [转]Ble蓝牙的使用手册

    本文转自:https://blog.csdn.net/dodan/article/details/52060446 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.cs ...

  4. 【转载】Centos系统采用NVM安装Node.js环境

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,用来方便地搭建快速的易于扩展的网络应用.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又 ...

  5. H5 五子棋源码

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. session图片验证码，页面和请求是两个地址。android手机好用，iphone 失效。

    问题描述:之前在H5页面用session做了一个验证码.安卓手机好使.但是到苹果就不好使了(页面访问是一个域名地址,ajax请求是用另外的一个ip地址). 详细说明: 验证码请求后台图片正常显示,an ...

  7. 2018最新iOS端界面UI设计规范整理

    在iPhone 6还没出的时候,都是用640×1136 px来做设计稿的,自从6的发布,所有的设计稿尺寸以750×1334 px来做设计稿尺寸 以750x1334px作为设计稿标准尺寸的原由: 从中间 ...

  8. Python 执行 mysql 存储过程

    mysql 创建简单的临时表 tmp create database test; use test; DROP TABLE IF EXISTS `tmp`; CREATE TABLE `tmp` ( ...

  9. es6 语法 （类与对象）

    { // 基本定义和生成实例 class Parent{ constructor(name='mukewang'){ this.name=name; } } let v_parent1=new Par ...

  10. Javascript 流程控制

    流程控制 JavaScript通过流程语句来执行程序流,程序流有若干语句组成.在正常情况下,程序中 的语句时按照书写顺序执行的,这种结构称为顺序结构.除了顺序结构之外还有选择结构和循环结构. 1.选择 ...