javascript 中 console 的用法
视频
https://www.bilibili.com/video/BV1g7411L751?from=search&seid=15676561841320754412
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>console实例</title>
</head>
<body>
<h1>你好</h1>
<div class="box"></div>
<script>
// 视频地址:https://www.bilibili.com/video/BV1g7411L751?from=search&seid=15676561841320754412
console.log("console.log打印") // 一般打印,黑色
console.error("console.error打印") // 错误打印,红色
console.warn("console.warn打印") // 警告打印,黄色
console.debug("console.debug打印") // 调试打印,蓝色,(不显示,要选取message的级别才能显示)
console.info("console.info打印") // 信息打印,黑色,(不显示,要选取message的级别才能显示)
console.assert(false,"console.assert打印") // 第一个参数为 false,就会打印。第一个参数为 true,不会打印。
// console.clear() // 清空控制台
var h1Dom = document.getElementsByTagName("h1")[0]
console.dir(h1Dom) // 列举出对象所有的键值
var obj = {
name:"木瓜太香",
age:18
}
console.table(obj) // 表格形式打印
// 分层打印
console.group("一级目录")
console.log("一级子目录")
console.log("一级子目录")
console.group("二级目录")
console.log("二级子目录")
console.log("二级子目录")
console.group("三级目录")
console.log("三级子目录")
console.log("三级子目录")
console.groupEnd() // 结束三级目录
console.groupEnd() // 结束二级目录
console.groupEnd() // 结束一级目录
for(let i=0;i<10;i++){
console.count("循环次数"); // 打印计数
}
function fn() {
for(let i=0;i<1000;i++){
if(i % 100 == 0){
console.timeLog("耗时") // 每100打印一次
}
document.getElementsByClassName("box")[0].innerHTML += i;
}
}
console.time("耗时"); // 计时开始
fn();
console.timeEnd("耗时"); // 计时结束
</script>
</body>
</html>