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 事件冒泡简介及应用
Jan 11 Javascript
jQuery 前的按键判断代码
Mar 19 Javascript
jquery获取input的value问题说明
Aug 19 Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
JSON中双引号的轮回使用过程中一定要小心
Mar 05 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
jquery密码强度校验
Dec 02 Javascript
深入理解js promise chain
May 05 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 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
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
php自定义apk安装包实例
2014/10/20 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
Vue表单实例代码
2016/09/05 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
使用angularjs.foreach时return的问题解决
2018/09/30 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
Python正则表达式匹配和提取IP地址
2019/06/06 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
护士自我评价范文
2014/01/25 职场文书
物业保安岗位职责
2014/07/02 职场文书
2014年信用社工作总结
2014/11/25 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
德劲DE1105机评
2022/04/05 无线电