javascript中常用的几种输出的方式:
1、在浏览器的控制台输出（console.log("要输出的内容") console.dir("");在控制台输出一个对象的详细信息 console.table();把一个数据（json）按照表格的形式输出，我们在查看结构的时候更加的清晰一些）
浏览器F12打开我们的控制台
Elements:我们页面中的元素都在这个里面，我们经常用这个来调试我们的样式（在firefox浏览器中我们安装一个firebug插件也可以实现）
NetWork:包含了我们的所有的资源文件（css、js外链文件、html页面、所有的图片、我们向后台请求的数据接口等），并且告诉我们每一个文件加载的时间。一个文件加载完成的时间，对于过长的我们进行相关的优化
Sources:包含了我们项目中的html、js、css所有的源代码，扒一个网站可以找到所有的源码
Resource:当前网站本地存储的数据都在这个里面（cookie、storage）
Console:我们页面中在控制台输出的内容就在这里面
小手机图标，点击后进入我们的手机端模拟器，我们以后的移动端开发就是在模拟器里面开发的
我们还可以用控制台加断点进行页面的bug调试
2、给页面中的某一个元素添加我们的内容 innerText/innerHTML
innerHTML和innerText的区别
1）、firefox浏览器中不支持innerText，而innerHTML不存在浏览器兼容问题
2）、innerHTML不仅可以添加文字，还可以添加html标签。而innerText不能识别有效的html标签的，他会把html也当做文字添加进去
项目中我们统一使用innerHTML，基本不使用innerText
3、在页面中弹出对应的框显示我们的内容
alert("要输出的内容")；在浏览器中弹出一个框，把我们要输出的内容先转化为字符串，然后在输出
4、confirm（）；是浏览器中确认选择弹出层，当用户选择的是确定，方法会返回true，如果点击的是取消，返回的是false，我们通过方法的返回值进行对应的相关操作即可！