首先第一种 也是我们最熟悉的 console.log()输出方式
1.console.log()
在控制台中打印,打印任意字符或者js的变量信息
console.log()可以接受任何字符串、变量、数字、对象
第二种是 console.dir() 可以打印一个对象的所有属性和方法,为详细打印
2.console.dir()
第三种是console.table() 以表格的形式呈现打印的内容;展现的更完美;
3.console.table()
以上就是三种在控制台输出的方式 谢谢观看
例子:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<script>
//输出的内容在<p>标签之后,不会删除所有的innerHTML,此时文档还未加载完
document.write(3 + 4)
</script>
</body>
</html>
如果是下面这样,所有的HTML文档加载完后,使用document.write()将删除所有已有的HTML。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<button onclick="document.write(1 + 2)">试一试</button>
</body>
</html>