HTML DOM Console对象

在开发过程中对程序进行测试,经常使用浏览器控制台输出相关信息,下面详细介绍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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值