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 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
jquery动态遍历Json对象的属性和值的方法
Jul 27 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 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与MySQL开发的8个技巧小结
2010/12/17 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
javascript 快速排序函数代码
2012/05/30 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
jQuery实用技巧必备(下)
2015/11/03 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中自定义函数的教程
2015/04/27 Python
python获取当前日期和时间的方法
2015/04/30 Python
django之session与分页(实例讲解)
2017/11/13 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python代码如何注释
2020/06/01 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
现场施工员岗位职责
2014/03/10 职场文书
企业党员个人自我评价
2014/09/20 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
物业工程部岗位职责
2015/02/11 职场文书
党委工作总结2015
2015/04/27 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
Python 可迭代对象 iterable的具体使用
2021/08/07 Python
nginx 配置指令之location使用详解
2022/05/25 Servers