javascript 中的console.log和快顯視窗alert_javascript技巧

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.