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

最新推荐文章于 2023-04-25 14:44:29 发布

小瑞

最新推荐文章于 2023-04-25 14:44:29 发布

阅读量2.9k

点赞数

分类专栏： JS

JS 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

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>

小瑞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js调试工具console.log()方法查看js代码的执行情况

http://www.jb51.net/article/53430.htm 以前看JS变量值都是alert，太麻烦了，后来是F12工具里面添加监视，也挺费劲的，现在发现个新东西，还不错哦以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录
复制链接

扫一扫