js中控制台输出方式

JavaScript018

js中控制台输出方式,第1张

简单说一下JavaScript中的控制台输出的几种方法

首先第一种 也是我们最熟悉的 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>