首页  >  js基础课程  >  1.3.认识浏览器js控制台Console

一、js代码控制台简介

1.1.js控制台在哪里？

用浏览器打开网页，点击键盘F12键，找到Console按钮并点击，Console下方的空白区域就是js控制台;

1.2.控制台运行原理：

1.2.1.相当于在html的</body>前面增加一段<script></script>,而空白区域就是写书写js代码的区域即增加的<script></script>之间的区域；

1.2.2.只要当前页面不关闭，控制台执行的js代码都会生效；

二、js代码控制台能做什么

2.1.js代码控制台功能;

2.1.1.js代码控制台区域可以写js代码;

2.1.2.js代码控制台区域可以输出文档中console.log()代码执行的结果；

2.1.3.js代码控制台区域输入的数据在代码的下方会返回一个值；

2.1.4.js代码控制台区域会显示js代码错误；

2.2.js代码控制台好处;

2.2.1.节约时间，提高效率。测试代码可以在控制台直接练习；

2.2.2.在调试的过程中不影响页面显示内容。

2.2.3.控制台会提示js代码错误原因，这使得找错时会很方便。

备注.js代码控制台在学习js的过程中使用率超级高，请多多练习;