首頁 > web前端 > js教程 > js console.log列印物件與陣列用法詳解

js console.log列印物件與陣列用法詳解

高洛峰
發布: 2017-02-03 14:42:05
原創
1226 人瀏覽過

本文實例講述了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 =
  {
    &#39;id&#39;: 1,
    &#39;content&#39;: &#39;test&#39;,
    &#39;firstname&#39;: function() {
      document.getElementById(&#39;firstname&#39;).value = "zhang";
    },
    &#39;lastname&#39;: function() {
      document.getElementById(&#39;lastname&#39;).value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id=&#39;firstname&#39; name="firstname" value=&#39;&#39;>
   <input type="text" id=&#39;lastname&#39; name=&#39;lastname&#39; value=&#39;&#39;>
</body>
</html>
登入後複製

二、chrome 開發工具看js物件

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

console chrome

現在chrome開發者工具和firebug,我用的時候,一半對一半。 chrome開發者工具,還有一個功能,firebug不具有.

控制台可以運行js,如果這個頁面是iframe的話,firebug只能運行在父級上面,而chrome可以選擇裡面的頁面執行,如果下圖

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

chrome iframe console

三、firebug查看js對像

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

firebug console

希望本文對大家來說對大家有所幫助。

更多js console.log列印物件與陣列用法詳解相關文章請關注PHP中文網!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板