js中控制台输出方式

JavaScript022

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>

Js中语言有三种输出

Javascript输出

一种是输出在js中，用js中的语法，

一个是alert，英语表示警告，通过这个指令我们可以看到警告的内容

使用 alert(‘警告的内容’) 一定是半角引号（‘或者”）

当浏览器打开的时候，我们可以在html页面中看到这个指令的具体实现

一个是prompt，可以输入内容的，

使用 prompt(‘提示的文案’，”默认输入文案”)

提示的是不能更改的

输入的内容是可以更改的

页面输出

一种是输出在页面中

document.write 将js中的内容输出的页面中，此时我们打开页面可以看到这些内容

输出到页面中的的内容值一定加上引号

Document.wirite(‘hello’)

控制台输出

一种是输出在控制台中

Console.log指令，可以将js的内容输出到控制台中

Console表示控制台对象，log表示打印的方法，他们一起掉用，可以将js的内容输出页面中

打开控制台

1 通过F12键打开

2 通过点击鼠标右键，选审核标签，在审核面板中选console面板

3 mac同学可使用command+R组合键将控制台打开