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

在控制臺(tái)輸出一條消息。如果有多個(gè)參數(shù)，輸出時(shí)會(huì)用空格隔開(kāi)這些參數(shù)。

第一個(gè)參數(shù)可以是一個(gè)包含格式化占位符輸出的字符串，例如：

上面的例子可以用下面的無(wú)格式化占位符輸出的代碼替換：

并且，這兩種方式是可以組合使用的。如果使用了格式化占位符，而提供的參數(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ì)象。

格式化字符串列表：

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)寫(xiě)一條消息并拋出異常

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, ...])

輸出一條消息，并打開(kāi)一個(gè)嵌套塊，塊中的內(nèi)容都會(huì)縮進(jìn)。調(diào)用console.groupEnd()關(guān)閉塊。該命令可以嵌套使用。

console.groupEnd()

關(guān)閉最近一個(gè)由console.group打開(kāi)的塊。

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è)參考，也希望大家多多支持腳本之家。

最新評(píng)論