DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript的console.log()用法
Javascript的console.log()用法
編輯:JavaScript基礎知識     
console.log 輸出的內容可以在Chrome浏覽器的開發者工具中的console窗口查看,按Ctrl+Shift+I 組合鍵可以調處。

火狐浏覽器,則先安裝firebug擴展 再按F12

//變量
var i = 'I am a string';
console.log('變量:',i);

//數組
var arr = [1,2,3,4,5];
console.log('數組:',arr);

//對象
var obj1 = {
key1 : 'value1',
key2 : 'value2',
key3 : 'value3'
};
var obj2 = {
key6 : 'value4',
key5 : 'value5',
key4 : 'value6'
};
var obj3 = {
key9 : 'value7',
key8 : 'value8',
key7 : 'value9'
};

console.log('對象:',obj1);
//對象數組
var objArr1 = [obj1,obj2,obj3];
var objArr2 = [[obj1],[obj2],[obj3]];

console.log('對象數組1:',objArr1);
console.log('對象數組1:',objArr2);

 
/*
輸出:
變量:I am a string
數組:[1, 2, 3, 4, 5]
對象:Object { key1="value1", key2="value2", key3="value3"}
對象數組1:[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}]
對象數組1:[[Object { key1="value1", key2="value2", key3="value3"}], [Object { key6="value4", key5="value5", key4="value6"}], [Object { key9="value7", key8="value8", key7="value9"}]]
*/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved