js控制台输出的方法(详解)


Posted in Javascript onNovember 26, 2016

console.log(object[, object, ...])

在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。

第一个参数可以是一个包含格式化占位符输出的字符串,例如:

console.log("The %s jumped over %d tall buildings", animal, count);

上面的例子可以用下面的无格式化占位符输出的代码替换:

console.log("The", animal, "jumped over", count, "tall buildings");

并且,这两种方式是可以组合使用的。如果使用了格式化占位符,而提供的参数的个数多于占位符的个数,那么,多余的参数会以空格分隔的方式附加在字符串后面,就像:

console.log("I am %s and have:", myName, thing1, thing2, thing3);

如果参数是一个Javascript对象,那么在控制台输出的就不是静态文字,而是一个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript对象。

console.log("Body tag is %o", document.body);

格式化字符串列表:

格式化字符串 类型
%s 字符串
%d, %i 整型(暂不支持数字型)
%f 浮点型 (暂不支持数字型) 
%o 链接对象

console.debug(object[, object, ...])

在控制台输出一条消息,包含一个指向代码调用位置的超链接。假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一样)。

console.info(object[, object, ...])

在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接。

console.warn(object[, object, ...])

在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接。

console.error(object[, object, ...])

在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接。

console.assert(expression[, object, ...])

测试表达式expression是否为真。如果不是真,会在控制台写一条消息并抛出异常

console.dir(object)

以列表形式输出一个对象的所有属性,有点和你查看DOM窗口相类似。

console.dirxml(node)

输出一个HTML或者XML元素的XML源代码。和你在HTML窗口看到的相似。

console.trace()

Prints an interactive stack trace of JavaScript execution at the point where it is called.

The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, ...])

输出一条消息,并打开一个嵌套块,块中的内容都会缩进。调用console.groupEnd()关闭块。该命令可以嵌套使用。

console.groupEnd()

关闭最近一个由console.group打开的块。

console.time(name)

创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒)。

console.timeEnd(nam)

以上这篇js控制台输出的方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
Jquery升级新版本后选择器的语法问题
Jun 02 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
jquery中表单 多选框的一种巧妙写法
Sep 06 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 #Javascript
node.js中的事件处理机制详解
Nov 26 #Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 #Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 #Javascript
JS基于递归实现倒计时效果的方法
Nov 26 #Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 #Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 #Javascript
You might like
php模板之Phpbean的目录结构
2008/01/10 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
php递归函数怎么用才有效
2018/02/24 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
js 单引号 传递方法
2009/06/22 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
JS Replace()的高级使用方法介绍
2013/06/29 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
2015/09/09 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
jQuery自制提示框tooltip改进版
2016/08/01 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
vue 计时器组件的实现代码
2017/09/14 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
详解python3中的真值测试
2018/08/13 Python
python 输入一个数n,求n个数求乘或求和的实例
2018/11/13 Python
django实现支付宝支付实例讲解
2019/10/17 Python
Django实现基于类的分页功能
2019/10/31 Python
python ssh 执行shell命令的示例
2020/09/29 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
股东出资协议书
2016/03/21 职场文书
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android