JavaScript -- 时光流逝(十三):DOM -- Console 对象

时间:2022-09-02 14:20:06

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 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

JavaScript -- 时光流逝(十三):DOM -- Console 对象

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. Intel Code Challenge Final Round &lpar;Div&period; 1 &plus; Div&period; 2&comma; Combined&rpar; C&period; Ray Tracing

    我不告诉你这个链接是什么 分析:模拟可以过,但是好烦啊..不会写.还有一个扩展欧几里得的方法,见下: 假设光线没有反射,而是对应的感应器镜面对称了一下的话 左下角红色的地方是原始的的方格,剩下的三个格 ...

  2. HTML &lt&semi;map&gt&semi; 设置图热点

    需要在一张图片中,设置一个区域为热点就用到了<map> 定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. <img src="planet ...

  3. bzoj 3295 &lbrack;Cqoi2011&rsqb;动态逆序对(cdq分治,BIT)

    [题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=3295 [题意] n个元素依次删除m个元素,求删除元素之前序列有多少个逆序对. [思路] ...

  4. Gradle构建Java Web应用:Servlet依赖与Tomcat插件&lpar;转&rpar;

    Gradle的官方tutorial介绍了构建Java Web应用的基本方法.不过在使用Servlet做上传的时候会碰到问题.这里分享下如何通过Servlet上传文件,以及如何使用Gradle来构建相应 ...

  5. python 函数&sol;列表的应用

    enumerate 函数用于遍历序列中的元素以及它们的下标: >>> for i,j in enumerate(('a','b','c')): print i,j 0 a1 b2 c ...

  6. Activity启动过程分析

    Android的四大组件中除了BroadCastReceiver以外,其他三种组件都必须在AndroidManifest中注册,对于BroadCastReceiver来说,它既可以在AndroidMa ...

  7. 学习MVC之租房网站(三)-编写实体类并创建数据库

    在上一篇<学习MVC之租房网站(二)-框架搭建及准备工作>中,搭建好了项目框架,并配置了EF.Log4Net和进程外Session.接下来会编写Eneity类并采用CodeFirst的方式 ...

  8. Python爬虫从入门到放弃(二十)之 Scrapy分布式原理

    关于Scrapy工作流程回顾 Scrapy单机架构 上图的架构其实就是一种单机架构,只在本机维护一个爬取队列,Scheduler进行调度,而要实现多态服务器共同爬取数据关键就是共享爬取队列. 分布式架 ...

  9. qt连接数据库Sqlite

    #include <QCoreApplication> #include <QDebug> #include <QSqlDatabase> #include &lt ...

  10. VC使一个对话框不显示

    //add  this void CbkDlg::OnNcPaint() {     ShowWindow(SW_HIDE);     CDialog::OnNcPaint(); }     初始化时 ...