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 相关文章推荐
根据地区不同显示时间的javascript代码
Aug 13 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
JS判断元素是否在数组内的实现代码
Mar 30 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
bootstrap响应式工具使用详解
Nov 29 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
微信小程序如何获取地址
Dec 24 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
浅谈vue.watch的触发条件是什么
Nov 07 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
提问的智慧
2006/10/09 PHP
如何使用PHP获取网络上文件
2006/10/09 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
php生成验证码函数
2015/10/20 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP字符串与数组处理函数用法小结
2020/01/07 PHP
JavaScript代码复用模式实例分析
2012/12/02 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
JS判定是否原生方法
2013/07/22 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
获取当前按钮或者html的ID名称实例(推荐)
2017/06/23 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
python抓取网页图片示例(python爬虫)
2014/04/27 Python
python获取当前日期和时间的方法
2015/04/30 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
python编程羊车门问题代码示例
2017/10/25 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
医院护士的求职信范文
2013/12/26 职场文书
临床护士自荐信
2014/01/31 职场文书
成人继续教育实施方案
2014/03/01 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
mysql查询的控制语句图文详解
2021/04/11 MySQL