console.log是什么東西，其實就是一個打印js數(shù)組和對像的函數(shù)而已，就像是php的print_r,var_dump。console.log這個函數(shù)本身沒什么好說的，這篇博客告訴大家怎么去用這個函數(shù)。在說這個函數(shù)之前，我想大家用的最多查看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 開發(fā)工具查看js對像

console chrome

現(xiàn)在chrome開發(fā)者工具和firebug，我用的時候，一半對一半。chrome開發(fā)者工具，還有一個功能，firebug不具有.

控制臺可以運行js，如果這個頁面是iframe的話，firebug只能運行在父級上面，而chrome可以選擇里面的頁面執(zhí)行，如果下圖

chrome iframe console

三、firebug查看js對像

firebug console

更多關(guān)于JavaScript數(shù)組相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS自定義函數(shù)實現(xiàn)時間戳轉(zhuǎn)換成date的方法示例
這篇文章主要介紹了JS自定義函數(shù)實現(xiàn)時間戳轉(zhuǎn)換成date的方法,結(jié)合具體實例形式分析了javascript時間戳與日期格式的計算與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下
2017-08-08
用JavaScript編寫COM組件的步驟
用JavaScript編寫出來的COM組件稱為WSC。WSC即Windows腳本組件（Windows Scripting Component），是Microsoft COM的一個新技術(shù)，可以通過易于使用的腳本語言來創(chuàng)建。
2009-03-03
微信小程序天氣預報功能實現(xiàn)(支持自動定位,附源碼)
對于一個經(jīng)常出門在外的人,關(guān)注天氣是至關(guān)重要的,下面這篇文章主要給大家介紹了關(guān)于微信小程序天氣預報功能實現(xiàn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,支持自動定位,需要的朋友可以參考下
2022-04-04
Javascript創(chuàng)建Silverlight Plugin以及自定義nonSilverlight和lowSilverl
我們在使用Visual Studio IDE創(chuàng)建Silverlight工程時，默認情況下都會自動生成一個用于調(diào)試和預覽Silverlight的Web工程，該工程包含了html和aspx頁面，以及Silverlight.js腳本文件。
2010-06-06
javascript編寫簡易計算器
這篇文章主要為大家詳細介紹了javascript編寫簡易計算器的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
完美解決IE9瀏覽器出現(xiàn)的對象未定義問題
下面小編就為大家?guī)硪黄昝澜鉀QIE9瀏覽器出現(xiàn)的對象未定義問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
2016-09-09
JS版微信6.0分享接口用法分析
這篇文章主要介紹了JS版微信6.0分享接口用法,結(jié)合實例形式分析了JS版微信6.0分享功能原理、接口調(diào)用方法與相關(guān)使用注意事項,需要的朋友可以參考下
2016-10-10
promise封裝wx.request的方法
這篇文章主要介紹了promise封裝wx.request的方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-05-05
js實現(xiàn)的簡練高效拖拽功能示例
這篇文章主要介紹了js實現(xiàn)的簡練高效拖拽功能,通過對js鼠標事件的擴展實現(xiàn)拖拽效果,非常簡單實用,需要的朋友可以參考下
2016-12-12
通過 Dom 方法提高 innerHTML 性能
此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 destroy 與 replace 的速度各快了 473 倍以及 50 倍。而在 Safari 3.0.3 beta 上則是 create 100 倍，replace 50 倍。
2008-03-03