分享

js console.log 打印 对像 数组 详解?海底苍鹰(tank)博客

 quasiceo 2014-06-03

张映 发表于 2013-06-13


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

一,测试文件test.html

  1. <html xmlns="http://www./1999/xhtml">  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  4. <title>console.log test</title>  
  5. </head>  
  6.   
  7. <script type="text/javascript">  
  8. var testobj =  
  9.     {  
  10.         'id': 1,  
  11.         'content': 'test',  
  12.         'firstname': function() {  
  13.             document.getElementById('firstname').value = "zhang";  
  14.         },  
  15.         'lastname': function() {  
  16.            document.getElementById('lastname').value = "ying";  
  17.         }  
  18.     };  
  19. <!-- 打印对像 -->  
  20.     console.log(testobj);  
  21. </script>  
  22.   
  23. <body>  
  24.   
  25.      <input type="text" id='firstname' name="firstname" value=''>  
  26.      <input type="text" id='lastname' name='lastname' value=''>  
  27.   
  28. </body>  
  29. </html>  

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


console chrome

console chrome

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

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


chrome iframe console

chrome iframe console

三,firebug查看js对像


firebug console

firebug console

0

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多