在JavaScript中使用console.log打印对像、数组等调试代码

最新推荐文章于 2023-01-13 16:04:29 发布

cangchen

最新推荐文章于 2023-01-13 16:04:29 发布

阅读量6.9k

点赞数 1

分类专栏： JavaWeb

JavaWeb 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

js console.log 打印对像数组详解

console.log是什么东西，其实就是一个打印js数组和对像的函数而已，就像是php的print_r,var_dump。console.log这个函数本身没什么好说的，这篇博客告诉大家怎么去用这个函数。在说这个函数之前，我想大家用的最多查看js输出，是alert吧，但是alert，只能弹string或者是int的

一，测试文件test.html

 
    查看 
    复制 
    打印 
    ? 
   
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <title>console.log test</title>  
 </head>  
   
 <script type="text/javascript">  
 var testobj =  
     {  
         'id': 1,  
         'content': 'test',  
         'firstname': function() {  
             document.getElementById('firstname').value = "zhang";  
         },  
         'lastname': function() {  
            document.getElementById('lastname').value = "ying";  
         }  
     };  
 <!-- 打印对像 -->  
     console.log(testobj);  
 </script>  
   
 <body>  
   
      <input type="text" id='firstname' name="firstname" value=''>  
      <input type="text" id='lastname' name='lastname' value=''>  
   
 </body>  
 </html>  

二，chrome 开发工具查看js对像

console chrome

现在chrome开发者工具和firebug，我用的时候，一半对一半。chrome开发者工具，还有一个功能，firebug不具有.

控制台可以运行js，如果这个页面是iframe的话，firebug只能运行在父级上面，而chrome可以选择里面的页面执行，如果下图

chrome iframe console

三，firebug查看js对像

firebug consol
e

cangchen

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在JavaScript中使用console.log打印对像、数组等调试代码

js console.log 打印对像数组详解console.log是什么东西，其实就是一个打印js数组和对像的函数而已，就像是php的print_r,var_dump。console.log这个函数本身没什么好说的，这篇博客告诉大家怎么去用这个函数。在说这个函数之前，我想大家用的最多查看js输出，是alert吧，但是alert，只能弹string或者是int的
复制链接

扫一扫