js调试工具console.log()方法查看js代码的执行情况

关注

转载最新推荐文章于 2026-03-13 01:26:18 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

JavaScript程序基础（三）用console.log()方法在网页中调试JavaScript 在JavaScript中，经常面临需要测试查看数据结果的情况，如果都是用alert()方法将数据弹出来，会有很多不便。我们在调试JavaScript时，更常用console.log()方法来进行调试。编写一段js代码，console.log()用于在控制台输出信息，网页上不会显示。 <html> <head> <title>JavaScript简介</title> </head> <body> <script typ 阅读详情

http://www.jb51.net/article/53430.htm

以前看JS变量值都是alert，太麻烦了，后来是F12工具里面添加监视，也挺费劲的，现在发现个新东西，还不错哦

以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录

我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是:

1	`console.log(` `"值为:"` `,fn);`

console.log()能够输出变量,函数,数组,对象等等

          <html> 
         
          <head> 
         
          <title>
          this
          关键字_函数调用</title> 
         
          <meta http-equiv=
          "Content-Type" 
          content=
          "text/html; charset=gb2312"
          ></head> 
         
          <body> 
         
          <input type=
          "text" 
          id=
          "test1" 
           name=
          "firstname" 
          value=
          "" 
          /> 
         
          <input type=
          "text" 
          id=
          'lastname' 
           name=
          'lastname' 
          value=
          ''
          > 
         
          </body> 
         
          <script type=
          "text/javascript"
          > 
         
          var 
           testobj = 
         
          { 
         
          'id'
          : 1, 
         
          'content'
          : 
          'test'
          , 
         
          'firstname'
          : 
          function
          () {  
         
          var 
           EleFirst= document.getElementById(
          'test1'
          ); 
         
          //document.getElementById('firstname').value = "zhang"; 
         
          //document.getElementById("test1").value = this.content; 
         
          //document.getElementById("test1").setAttribute("value","zhang"); 
         
          //this.content = val; 
         
          EleFirst.setAttribute(
          "value"
          ,
          this
          .content); 
         
          console.log(
          "对象的值为："
          ,test1);
          //对象的值为：<input type="text" id="test1" name="firstname" value="" /> 
         
          }, 
         
          'lastname'
          : 
          function
          () {  
         
          document.getElementById(
          'lastname'
          ).value = 
          "ying"
          ; 
         
          } 
         
          }; 
         
          console.log(testobj);
          /** 打印对像**/ 
         
          testobj.firstname(); 
         
          testobj.lastname(); 
         
          </script> 
         
          </html>