helo！小伙伴们              ，你们是不是和我一样学在学js过程中感觉这个知识不仅脑子 
 
  
 
  
 
  
 
  
 
  
 
  
 
  ，反而觉得相关的知识好多呀













，网上的文章和视频也是
  
  
  
  
  
  
  
，都不知道该怎么选了 
  
  
  
  
  
  
 ，没关系 


 


 


 


 


 


 


 ，我们慢慢来
 
 
 
 
 
 
 
，这些知识点一点一点的搞清楚了 就明白怎么回事了  
   
   
   
   
   
   
 ，我相信即使没有天赋 

 

 

 

 

 

 

 ，咱们也可以学会！

下面是我总结的javascript输出工具以及用法和解释

 

 

 

 

 

 

 
，宝子们               ，快快拿去把~~~

目录

alert  警告窗口

prompt

 confirm 

document.write 

 document.writeIn

console.dir

输出名称 含义 alert 以警告的方式在网页中输出 document.write 在网页中输出 
 

 
 

 
 

 
 

 
 

 
 

 
 

 ，输出的可为html标签 console.log 在控制台中输出














，可有多个参数 document.writeIn 在网页中输出                     ，输出后有空白 console.dir 在控制台中输出对象 confirm 以对话框的方式在网页中输出 prompt 以输入框的方式在网页中输出

 接下来将分别展开对其进行解释 图文并茂~嘻嘻 便于理解

alert  警告窗口

alert(警告窗口)

 没什么好说的 用于提示与警告

prompt

以输入框的方式在网页中显示 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，需要用户输入





















，选择确定              ，取消

prompt(hello)

运行结果：

 confirm 

以对话框的方式输出 
 
  
 
  
 
  
 
  
 
  
 
  
 
  ，需要用户点击确认或取消

confirm(还好呀)

输出展示：

 注意：alert 













，prompt
  
  
  
  
  
  
  
，confirm都是以弹框的方式显示 
  
  
  
  
  
  
 ，但是当切换窗口后 


 


 


 


 


 


 


 ，prompt和confirm不再显示
 
 
 
 
 
 
 
，alert弹框一直在   
   
   
   
   
   
   
 ，直到点击确认之后不再显示 

 

 

 

 

 

 

 ，注意在实际应用中的用法

document.write 

document.write(<div>hello</div>)

document.write是可以输出标签的

 

 

 

 

 

 

 
，括号里的内容用单引号引起来              ，如果是数值或变量不用引用引号

单引号和双引号通常是搭配使用 
 

 
 

 
 

 
 

 
 

 
 

 
 

 ，里单外双或外单里双

效果图如下：

 consol.log 打印在控制台输出














，                     ，

是调试过程中的一个重要的输出方式 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，在浏览器的开发者工具中使用 console.log(打印出我爱你)

来吧





















，展示：

 其中的参数呢              ，可以不止是一个 
 
  
 
  
 
  
 
  
 
  
 
  
 
  ，也可以多个呀













，其中多个参数之间用逗号隔开

比如说：

  console.log(a+b,1)

运行结果是：

 document.writeIn

这个打印方式不常用到
  
  
  
  
  
  
  
，但是我们也要知道是不是 
  
  
  
  
  
  
 ，万一哪天在别的代码哪儿看到 


 


 


 


 


 


 


 ，我们不认识
 
 
 
 
 
 
 
，那不是显得我们很low【囧】

但是这个打印方式和docume.write长得好像哦  
   
   
   
   
   
   
 ，就多了一个‘In’ 

 

 

 

 

 

 

 ，有什么区别呢

 

 

 

 

 

 

 
，让我先来给你讲一下document.writeIn:  document.writeln(hhh) document.writeln(hhh)

展示效果

 这里你有发现有什么不同的吗？

我们再来看看documen.write输出的是什么 document.write(hhh) document.write(hhh)

对比：

 一目了然：document.writeIn和documen.write唯一的区别就是documen.write每输出一次              ，都会自动加上一个空格！

console.dir

这是什么意思呢？官方回答是在控制台输出一个对象 
 

 
 

 
 

 
 

 
 

 
 

 
 

 ，document为JavaScript的预定义对象

dir：显示文件列表

也就是说显示DOM对象的属性列表！（父亲的子女有哪些）和直接审查元素一样一样的道理

也许你还是萌萌的














，那么                     ，上才艺：

  console.log(window.Math)

输出结果是：

 也可以输出标签盒子中的子列表 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，灵活运用就可以





















，类似于这种方式              ，我就不做展示啦 
 
  
 
  
 
  
 
  
 
  
 
  
 
  ，大家自己动动小手指吧













，

  console.log(document.getElementById(.main))

好啦！相信你已经清楚这些输出的区别以及作用了
  
  
  
  
  
  
  
，宝子们在实际开发中要合理应用哦,

再不济 给个关注不迷路