# 三类输出方式

# console

控制在浏览器控制台输出的

  • console.log:特点是:输出任意数据类型的数据,控制台展示的也是对应的数据类型

  • console.dir

    • 输出一个对象或者一个值的详细信息

    • 与log区别console.log可以一次性输出多个值,但是dir不可以

  • console.warn:以警告的方式输出

  • console.table:把多维的JSON数据以表格形式输出

  • console.time/console.timeEnd:|计算出time/timeEnd 中间所有程序执行所消耗的时间(预估时间,受到当前电脑性能的影响)

# window提示框

是在浏览器窗口中弹出一个提示框,提示框中输出指定的信息

  • alert
    • 特点
      • 需要等到alert 弹出框,点击确定关闭后,后面的代码才会执行(会阻碍主线程的渲染)
      • alert 弹出的内容都会默认转换为字符串(自动调用tostring)
    • 例子
      • alert([10,20,30]);数组转换为字符串的结果‘10,20,30
      • alert(inamexiaozhima'});普通对象转换为字符串的结果‘[object object]
  • confirm
    • 特点:创建一个变量,用来接收用户选择的结果(true 点击确定/false 点击取消)
    • 与alert区别:给用户提供了确定和取消两种选择
  • prompt
    • 在confirm的基础上给用户提供书写操作的原因等信息
    • 特点
      • 点击的是取消返回结果是null
      • 点击的是确定,会把用户输入的原因信息返回

# 页面插入

向页面指定容器中插入内容

  • document.write
  • innerHTML/innerText
    • 特点
      • innerHTML能够把标签文本进行识别和渲染
      • inner Text会把所有内容都当作普通的文本
      • 基于这种方式会把之前容器中的内容给覆盖掉,想要追加,则采用+=的方式
      • 插入的信息也会变成字符串
    • 例子
      • box.innerHTML='xiaozhima;会覆盖原始的所有内容
      • box.innerHTML+=‘xiaozhima';在原始内容上继续增加
  • value:给页面中的文本框赋值

关注作者公众号

自学路上一起进步!

加入前端自学交流群

扫描二维码回复 加群 学习