JavaScript调试方式

52 阅读1分钟

一、说明

  • 当前介绍是JavaScript的调试方式,不是我们最终需要的执行结果
  • 只是我们没有学习 DOM和BOM操作之前 ,查看变量存储数据或者程序执行结果的方法
  • JavaScript最终是要操作HTML页面

二、弹窗:警告框/提示框/对话框

  • window.alert('内容') ;
  • alert('内容') ;
  • JavaScript语法规范规定,window可以不写
        window.alert('内容');
    
        alert("内容");   //window可以不写
    
        //不解析HTML标签,单纯的文本内容
        window.alert('<h1>h1标签内容</h1>');
    

三、页面

  • document.write('内容');
  • 页面输入
        // 向页面写入内容
        document.write('内容');
    
        //解析HTML标签
        document.write('<h1>h1标签内容</h1>');
    

四、控制台

  • console.log('内容');
  • 向控制台输出内容
        // 控制台输出
        console.log("我是console输出的内容");
    
    image.png

注意:一定要记住,所谓的调试方式不是我们最终的执行结果

五、输入框

  • window.prompt(),
    • 通过输入框输入数据,输入的数据可以使用变量存储
  • 实际项目中 一般是使用input输入框输入数据
          var res = window.prompt("请您输入数据");
          console.log(res);
    
    image.png