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禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
js判断节假日实例代码
Dec 27 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
详解vite2.0配置学习(typescript版本)
Feb 25 Javascript
基于JavaScript实现年月日三级联动
Jun 22 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中memcache 基本操作实例
2015/05/17 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
2015/03/01 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
vue组件tabbar使用方法详解
2018/11/06 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
Layui数据表格跳转到指定页的实现方法
2019/09/05 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中os和shutil模块实用方法集锦
2014/05/13 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
用python建立两个Y轴的XY曲线图方法
2019/07/08 Python
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
纠风工作实施方案
2014/03/15 职场文书
开学典礼演讲稿
2014/05/23 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
护士工作心得体会
2016/01/25 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
Python实现信息管理系统
2022/06/05 Python