您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页js控制台输出的方法(详解)

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

来源:华佗小知识
js控制台输出的⽅法(详解)

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

在控制台输出⼀条消息。如果有多个参数,输出时会⽤空格隔开这些参数。第⼀个参数可以是⼀个包含格式化占位符输出的字符串,例如:console.log(\"The %s jumped over %d tall buildings\上⾯的例⼦可以⽤下⾯的⽆格式化占位符输出的代码替换:console.log(\"The\

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

console.log(\"I am %s and I have:\

如果参数是⼀个Javascript对象,那么在控制台输出的就不是静态⽂字,⽽是⼀个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗⼝,可⽤格式化字符串%o代替Javascript对象。console.log(\"Body tag is %o\格式化字符串列表:格式化字符串%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. Youcan click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM orHTML tabs.

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

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

关闭最近⼀个由console.group打开的块。console.time(name)

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

以上这篇js控制台输出的⽅法(详解)就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务