HTML DOM console.count() 方法
JavaScript基础 2022-06-08 15:02:20小码哥的IT人生shichen
HTML DOM console.count() 方法
实例
将在循环内调用 console.count() 的次数写入控制台:
for (i = 0; i < 10; i++) {
console.count();
}
完整实例:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.count() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<script>
for (i = 0; i < 10; i++) {
console.count();
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
将调用特定 console.count() 的次数写入控制台。
您可添加包含在控制台视图中的标签。默认情况下,将添加标签 "default"。
请在本页底部查看更多实例。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
方法 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
console.count() | 支持 | 支持 | 30 | 支持 | 支持 |
语法
console.count(label)
参数值
参数 | 类型 | 描述 |
---|---|---|
label | 字符串 | 可选。如果提供,该方法会计算使用此标签调用 console.count() 的次数。如果不提供,将添加标签 "default"。 |
更多实例
示例代码:
调用两次 console.count() 并查看结果:
console.count();
console.count();
完整实例:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.count() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<script>
console.count();
console.count();
</script>
<p>第一个调用将写入 "default: 1",第二个将写入 "default: 2"。</p>
<p>这是因为两个调用拥有相同的标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
示例代码:
调用 console.log 两次,设置一个标签,然后看看结果:
console.count("myLabel");
console.count("myLabel");
完整实例:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.count() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<script>
console.count("myLabel");
console.count("myLabel");
</script>
<p>在 console.count() 方法中添加标签时,会在控制台中写入标签。</p>
<p>第一次调用将写入 "myLabel: 1",第二次调用将写入 "myLabel: 2"。</p>
<p>这是因为两个调用具有相同的标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
示例代码:
如需删除标签,请使用 "" 作为参数:
console.count("");
console.count("");
完整实例:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.count() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<script>
console.count("");
console.count("");
</script>
<p>即使 console.count() 方法被调用两次,每次调用的数字都会是 1。</p>
<p>这是因为调用没有标签,浏览器每次都把它当作一个新的“控制台计数”。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html