主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。
相比alert他的优点是:
他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。
console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。
console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:
Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}
它有网页的各种提示。
类似于alert啊,不过不会打断操作。调试信息用的,不过需要浏览器支持控制台输出。
用函数 console.log(...)函数原型是:
console.log(obj1 [, obj2, ..., objN])
console.log(msg [, subst1, ..., substN])
例子:
<html><body>
<h2>Activate debugging with F12</h2>
<p>Select "Console" in the debugger menu. Then click Run again.</p>
<script>
console.log(5 + 6)
</script>
</body></html>
按F12键,起动debug,选Console,点Run 就见输出。
--
语句例子:var car = "Dodge Charger"
var someObject = {str:"Some text", id:5}
console.info("My first car was a", car, ". The object is: ", someObject)
输出内容: My first car was a Dodge Charger . The object is: ({str:"Some text", id:5}
循环语句输出例子:for (var i=0i<5i++) {
console.log("Hello, %s. You've called me %d times.", "Bob", i+1)
}
输出有颜色的字体例子:
console.log("This is %cMy stylish message", "color: yellowfont-style: italicbackground-color: bluepadding: 2px")
简单说一下JavaScript中的控制台输出的几种方法
首先第一种 也是我们最熟悉的 console.log()输出方式
1.console.log()
在控制台中打印,打印任意字符或者js的变量信息
console.log()可以接受任何字符串、变量、数字、对象
第二种是 console.dir() 可以打印一个对象的所有属性和方法,为详细打印
2.console.dir()
第三种是console.table() 以表格的形式呈现打印的内容;展现的更完美;
3.console.table()
以上就是三种在控制台输出的方式 谢谢观看