控制台console对象常用的一些方法

console.log():调试中最常用的方法,用于在控制台窗口显示信息。

console.log(123);  //123

console.warn():输出信息时,在最前面加一个黄色三角,表示警告

console.warn(‘输出警告信息‘);    //输出警告信息

console.error():输出信息时,在最前面加一个红色叉,表示出错

console.error(‘输出错误信息‘);  //输出错误信息

console.assert():用来验证某个条件是否为真,如果是假,则显示一条事先指定的错误信息

console.assert(true == false, ‘判断条件不成立‘);    //判断条件不成立

console.time()和console.timeEnd():用于计算一个操作所花费的准确时间

//time: 0.06ms
console.time(‘time‘);
for (var i = 0; i > 100000000; i++){}
console.timeEnd(‘time‘)

console.dirxml():用于显示网页元素的代码结构

//显示当前元素的代码结构
var oDiv = document.getElementById(‘one‘);
console.dirxml(oDiv)

console.group()和console.groupend():这两个方法用于将显示的信息分组。它只在输出大量信息时有用,分在一组的信息,可以用鼠标折叠/展开。

    console.group(‘组1‘)
    console.log(‘组1信息01‘);
    console.log(‘组1信息02‘);
    console.groupEnd(‘组1‘)

    console.group(‘组2‘)
    console.log(‘组2信息01‘);
    console.log(‘组2信息02‘);
    console.groupEnd(‘组2‘)

控制台console对象常用的一些方法

时间: 2024-11-04 07:21:52

控制台console对象常用的一些方法的相关文章

console对象常用的打印方法

1.console.log():调试中最常用的方法,用于在控制台窗口显示信息.      ------>     console.log(123);  //123 2.console.warn():输出信息时,在最前面加一个黄色三角,表示警告         ------>  console.warn('输出警告信息');     //输出警告信息 3.console.error():输出信息时,在最前面加一个红色叉,表示出错       ------>   console.error(

javascript console对象 常用的方法

1 console对象 2 3 var o = {name:'3'} 4 console.assert(o.name === '3', "name 的值应该为:string 3"); 5 6 console.time(); 7 console.timeEnd(); 8 9 debugger; //调试器, 断点的作用(当代码运行到此行时,终止往下运行) 原文地址:https://www.cnblogs.com/weihexinCode/p/12318334.html

浏览器控制台console对象的使用

下面四个函数是调试代码的好帮手. console.log() console.info() console.debug() console.warn() console.error() 下面是格式化字符 %s  %d   %f %i也是整数 %o对象(可以显示对象的结构) 下面是分组显示 console.group(); ... ... console.groupEnd(); 下面是目录式显示 console.dir() console.dirxml() 下面是断言 console.assert

JS中的RegExp对象常用属性和方法

JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例.有两种方式可以创建RegExp对象的实例. 使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"]). ~~~构造函数 new RegExp(..) 使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]. ~~~正则字面量 pattern部分为要使用的正则表达式模式文本

javascript:console对象与控制台

console 对象与控制台 console 对象 console对象是 JavaScript 的原生对象,它有点像 Unix 系统的标准输出stdout和标准错误stderr,可以输出各种信息到控制台,并且还提供了很多有用的辅助方法. console的常见用途有两个. 调试程序,显示网页代码运行时的错误信息. 提供了一个命令行接口,用来与网页代码互动. console对象的浏览器实现,包含在浏览器自带的开发工具之中.以 Chrome 浏览器的"开发者工具"(Developer Too

事件注册 DOM事件流 事件对象(常用属性,方法) 事件委派(鼠标,键盘事件对象)

注册事件概述 给元素添加事件,称为注册事件或者绑定事件 注册事件有两种方式:传统方式和方法监听注册方式 传统注册方式:利用 on 开头的事件:例如:onclick:注册事件的唯一性,后面的注册事件会把前面的覆盖 方法监听注册方式:addEventListener()IE9+:IE9以前用 attacthEvent()代替:会按照注册顺序依次执行没有唯一性的问题 addEventListener() 事件监听方式 eventTarget.addEventListener(type, listene

浏览器控制台console的使用

前天在团队项目中因为产品需求在提交订单的时候需要多个页面的数据作为提交接口的参数,这种需求让人醉醉的,项目用angular来做的,没办法只能用全局变量来定义要交互的值和localStorage来临时的将数据存在浏览器,话不多少进入正题. 用JS组装的JS对象在存入localStorage的时候要用JSON.stringify转成JSON对象才能正确的存起来,同理取得时候也要用JSON.parse来将JSON对象转化成JS对象才能在前端正常使用.当时在控制台打印从localStorage获取到的数

chrome控制台console方法表

控制台console表达式表 console.clear()/clear() 清空控制台 console.log() 方法可以接受一个或多个表达式作为参数,并将他们的值打印到控制台(可使用CSS样式显示) // %s 字符串格式 // %i 或 %d 整型格式 // %f 浮点格式 // %o DOM节点 // %O JavaScript 对象 // %c 对输出的字符串使用css样式,样式由第二个参数指定. console.dir() 以JavaScript对象的形式打印 console.wa

console对象与控制台

原文地址:https://wangdoc.com/javascript/ console对象 console对象是JavaScript的原生对象. console的常见用途有两个. 调试程序,显示网页代码运行时的错误信息. 提供一个命令行接口,用来与网页代码互动. console对象的浏览器实现,包含在浏览器自带的开发工具中.Chrome可以通过Option + Command + i快捷打开. 打开开发者工具以后,顶端有多个面板. Elements:查看网页的HTML源码和CSS代码. Res