主要是方便你調式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,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!