js控制臺(tái)輸出的方法(詳解)
console.log(object[, object, ...])
在控制臺(tái)輸出一條消息。如果有多個(gè)參數(shù),輸出時(shí)會(huì)用空格隔開這些參數(shù)。
第一個(gè)參數(shù)可以是一個(gè)包含格式化占位符輸出的字符串,例如:
上面的例子可以用下面的無格式化占位符輸出的代碼替換:
并且,這兩種方式是可以組合使用的。如果使用了格式化占位符,而提供的參數(shù)的個(gè)數(shù)多于占位符的個(gè)數(shù),那么,多余的參數(shù)會(huì)以空格分隔的方式附加在字符串后面,就像:
如果參數(shù)是一個(gè)Javascript對(duì)象,那么在控制臺(tái)輸出的就不是靜態(tài)文字,而是一個(gè)可交互的超鏈接,點(diǎn)擊超鏈接可以查看該對(duì)象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript對(duì)象。
格式化字符串列表:
| 格式化字符串 | 類型 |
|---|---|
| %s | 字符串 |
| %d, %i | 整型(暫不支持?jǐn)?shù)字型) |
| %f | 浮點(diǎn)型 (暫不支持?jǐn)?shù)字型) |
| %o | 鏈接對(duì)象 |
console.debug(object[, object, ...])
在控制臺(tái)輸出一條消息,包含一個(gè)指向代碼調(diào)用位置的超鏈接。假如是直接在控制臺(tái)輸入該命令,就不會(huì)出現(xiàn)超鏈接(和console.log()一樣)。
console.info(object[, object, ...])
在控制臺(tái)輸出一條帶有“信息”圖標(biāo)的消息和一個(gè)指向代碼調(diào)用位置的超鏈接。
console.warn(object[, object, ...])
在控制臺(tái)輸出一條帶有“警告”圖標(biāo)的消息和一個(gè)指向代碼調(diào)用位置的超鏈接。
console.error(object[, object, ...])
在控制臺(tái)輸出一條帶有“錯(cuò)誤”圖標(biāo)的消息和一個(gè)指向代碼調(diào)用位置的超鏈接。
console.assert(expression[, object, ...])
測(cè)試表達(dá)式expression是否為真。如果不是真,會(huì)在控制臺(tái)寫一條消息并拋出異常
console.dir(object)
以列表形式輸出一個(gè)對(duì)象的所有屬性,有點(diǎn)和你查看DOM窗口相類似。
console.dirxml(node)
輸出一個(gè)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, ...])
輸出一條消息,并打開一個(gè)嵌套塊,塊中的內(nèi)容都會(huì)縮進(jìn)。調(diào)用console.groupEnd()關(guān)閉塊。該命令可以嵌套使用。
console.groupEnd()
關(guān)閉最近一個(gè)由console.group打開的塊。
console.time(name)
創(chuàng)建一個(gè)名字為name的計(jì)時(shí)器,調(diào)用console.timeEnd(name)停止計(jì)時(shí)器并輸出所耗時(shí)間(毫秒)。
console.timeEnd(nam)
以上這篇js控制臺(tái)輸出的方法(詳解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Node.js console控制臺(tái)簡(jiǎn)單用法分析
- 利用Js的console對(duì)象,在控制臺(tái)打印調(diào)式信息測(cè)試Js的實(shí)現(xiàn)
- JS簡(jiǎn)單實(shí)現(xiàn)仿百度控制臺(tái)輸出信息效果
- JS實(shí)現(xiàn)淘寶支付寶網(wǎng)站的控制臺(tái)菜單效果
- javascript控制臺(tái)詳解
- js調(diào)試系列 初識(shí)控制臺(tái)
- 禁用JavaScript控制臺(tái)調(diào)試的方法
- 利用瀏覽器的Javascript控制臺(tái)調(diào)試PHP程序
- JavaScript控制臺(tái)的更多功能
相關(guān)文章
js動(dòng)態(tài)設(shè)置div的值下例子
設(shè)置div的值想必大家都會(huì)吧,按要說動(dòng)態(tài)設(shè)置想必知道的人及寥寥無幾了,下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2013-10-10
JavaScript編寫一個(gè)簡(jiǎn)易購(gòu)物車功能
這篇文章主要為大家詳細(xì)介紹了JavaScript簡(jiǎn)易購(gòu)物車功能的編寫代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
基于Bootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
JS中通過slice()&substring()截取字符串前幾位的方法
在Javascript使用字符串中,我們不一定需要全部的字符串,這時(shí)就需要截取字符串,本文主要介紹js中截取字符串前幾位的兩種方法:1、使用slice() 方法;2、使用substring() 方法,本文通過示例代碼介紹的非常詳細(xì),需要的朋友參考下吧2023-12-12
JS實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10

