DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript 中的console.log和彈出窗口alert
javascript 中的console.log和彈出窗口alert
編輯:關於JavaScript     

主要是方便你調式javascript用的。你可以看到你在頁面中輸出的內容。

相比alert他的優點是:

1.他能看到結構話的東西,如果是alert,淡出一個對象就是[object object],但是console能看到對象的內容。

2.console不會打斷你頁面的操作,如果用alert彈出來內容,那麼頁面就死了,但是console輸出內容後你頁面還可以正常操作。

3.onsole裡面的內容非常豐富,你可以在控制台輸入:console,然後就可看到:

Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

簡單的代碼如下:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
var a=3;
var b='這是什麼';
var $c='啊!';
console.log(a,b,$c);
var $='jqery';
alert($);
</script>
</head>
<body>
</body>
</html>

上面的代碼浏覽器中會彈出窗口,顯示jquery字樣。

javascript 中的console.log具體用法

//變量
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"}]]
*/

以上所述是小編給大家介紹的javascript 中的console.log和彈出窗口alert,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved