在开发过程中对程序进行测试,经常使用浏览器控制台输出相关信息,下面详细介绍console对象的相关方法。

Console 对象 提供了访问浏览器调试模式的信息到控制台


1. console.assert()方法

用法:该方法在第一个参数为 false 的情况下会在控制台输出信息。该方法必须有两个参数。

语法:console.assert(expression, message)

参数说明:

  • expression(必需):布尔值表达式 ,返回 true 或 false。
  • message(必需):字符串或对象,要写到控制台的信息或对象。

2. console.error()方法

用法:该方法用于输出错误信息到控制台

语法:console.error(message),参数必需且类型为String或Object。


3. console.warn()方法

用法:该方法用于在控制台输出警告信息

语法:console.warn(message),参数必需且类型为String或Object。


4. console.info()方法

用法:该方法用于在控制台输出信息。

语法:console.info(message),参数必需且类型为String或Object。


5. console.log()方法

同console.info()方法。


6. console.clear()方法

用法:该方法用于清除控制台所有信息。该方法在执行成功后,会在控制台输出: “Console was cleared”。

语法:console.clear()


7. console.table()方法

用法:该方法用于在控制台输出表格信息。
语法:console.table(tabledata, tablecolumns)
参数说明:

  • tabledata(必需):类型为Array 或 Object,填充到表格中的数据。
  • tablecolumns(可选):类型为Array,一个数组,表格标题栏的名称。

8. console.time()方法和console.timeEnd()方法

用法:console.time()方法是作为计算器的起始方法。该方法一般用于测试程序执行的时长。需要结合console.timeEnd()方法使用.

console.timeEnd()方法为计算器的结束方法,并将执行时长显示在控制台。

如果一个页面有多个地方需要使用到计算器,可以添加标签参数来设置。

语法:
console.time(label)
console.timeEnd(label)

示例:

console.time();
for (i = 0; i < 100000; i++) {// 代码部分
}
console.timeEnd();
console.time("Runoob");
for (i = 0; i < 100000; i++) {// 代码部分
}
console.timeEnd("Runoob");

参考教程:
Console 对象 | 菜鸟教程: https://www.runoob.com/jsref/obj-console.html

HTML DOM Console对象相关推荐

  1. console 对象属性方法详解 log、info、warn、error的区别

    参考: https://blog.csdn.net/S_clifftop/article/details/80363128?utm_medium=distribute.pc_relevant.none ...

  2. js 控制台调试——console 对象【详解】

    console对象是JavaScript的原生对象,用于与控制台窗口互动. console.log() 用于在console窗口输出信息. 可接受多个参数,并将结果连接起来输出. console.lo ...

  3. Js - Dom原生对象和jQuery对象的联系、区别、相互转换

    Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换: 区别: 1.jquery选择器得到的j ...

  4. JAVA中console方法怎么用_Java中Console对象实例代码

    Java中Console对象实例代码 发布于 2020-12-20| 复制链接 摘记: 在JDK 6中新增了java.io.Console类,可以让您取得字节为基础的主控台装置,例如,您可以藉由Sys ...

  5. HTML DOM Event对象

    我们通常把HTML DOM Event对象叫做Event事件 事件驱动模型 事件源:(触发事件的元素)事件源对象是指event对象 其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问 ...

  6. HTML DOM教程 14-HTML DOM Document 对象

    HTML DOM教程 14-HTML DOM Document 对象 1:Document 对象 Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素. Document 对象是 ...

  7. JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  8. HTML DOM教程 22-HTML DOM Form 对象

    HTML DOM教程 22-HTML DOM Form 对象 1:Form 对象 Form 对象代表一个 HTML 表单. 在 HTML 文档中 <form> 每出现一次,Form 对象就 ...

  9. HTML DOM教程 21-HTML DOM Event 对象

    HTML DOM教程 21-HTML DOM Event 对象 1:Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与 ...

最新文章

  1. 谷歌、微软2020年招新大幅萎缩:新冠流行打击科技巨头
  2. xp网吧用母盘制作说明
  3. ylb:创建数据库、表,对表的增查改删语句
  4. Python基础(10)--数字
  5. python 将实例用作属性_将类实例用作类属性、描述符和属性
  6. Webstorm相关设置
  7. canvas 在其他画好的上面继续画_详解canvas绘制多张图的排列顺序问题
  8. docker image
  9. 记录——《C Primer Plus (第五版)》第十章编程练习第一题
  10. Hive 复杂数据类型之map
  11. 语录:101条伟大的计算机编程名言
  12. 杭电2098--分拆素数和
  13. 云表平台VS永中office,谁更胜一筹?
  14. 判断点在多边形内(射线法)
  15. 安川机器人如何注释化指令_安川机器人指令一览
  16. 学习delphi FMX 的一些资料
  17. 17.1.1 颜色和 RGBA 值
  18. 如何用python计算增长率_如何用excel函数来计算增长率?
  19. linux摄像头驱动调试,linux 2.6.21支持vimcro摄像头驱动的调试过程
  20. WPF遍历视觉树与逻辑树

热门文章

  1. nginx resolver 指令的使用
  2. 作业05-继承、多态、抽象类与接口
  3. [转]单点登录原理与简单实现
  4. codevs 1203 判断浮点数是否相等
  5. activity 的属性android:taskAffinity和android:allowTaskReparenting
  6. android资料整理
  7. ubuntu添加sudo权限
  8. Java json转Map,转bean,转Listbean
  9. 第四层到第七层的高层交换技术及其应用
  10. 将文本随意插入网页表单的 textarea