javascript 中的console.log和彈出窗口alert
主要是方便你調(diào)式j(luò)avascript用的。你可以看到你在頁(yè)面中輸出的內(nèi)容。
相比alert他的優(yōu)點(diǎn)是:
1.他能看到結(jié)構(gòu)話的東西,如果是alert,淡出一個(gè)對(duì)象就是[object object],但是console能看到對(duì)象的內(nèi)容。
2.console不會(huì)打斷你頁(yè)面的操作,如果用alert彈出來(lái)內(nèi)容,那么頁(yè)面就死了,但是console輸出內(nèi)容后你頁(yè)面還可以正常操作。
3.onsole里面的內(nèi)容非常豐富,你可以在控制臺(tái)輸入:console,然后就可看到:
Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}
簡(jiǎn)單的代碼如下:
<!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>
上面的代碼瀏覽器中會(huì)彈出窗口,顯示jquery字樣。
javascript 中的console.log具體用法
//變量 var i = 'I am a string'; console.log('變量:',i); //數(shù)組 var arr = [1,2,3,4,5]; console.log('數(shù)組:',arr); //對(duì)象 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('對(duì)象:',obj1); //對(duì)象數(shù)組 var objArr1 = [obj1,obj2,obj3]; var objArr2 = [[obj1],[obj2],[obj3]]; console.log('對(duì)象數(shù)組1:',objArr1); console.log('對(duì)象數(shù)組1:',objArr2); /* 輸出: 變量:I am a string 數(shù)組:[1, 2, 3, 4, 5] 對(duì)象:Object { key1="value1", key2="value2", key3="value3"} 對(duì) 象數(shù)組1:[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}] 對(duì)象數(shù)組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,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 輕松實(shí)現(xiàn)js彈框顯示選項(xiàng)
- Bootstrap和Angularjs配合自制彈框的實(shí)例代碼
- js實(shí)現(xiàn)非常棒的彈出div
- JS遍歷ul下的li點(diǎn)擊彈出li的索引的實(shí)現(xiàn)方法
- 超詳細(xì)的JS彈出窗口代碼大全
- JS彈出新窗口被攔截的解決方法
- JS實(shí)現(xiàn)關(guān)閉當(dāng)前頁(yè)而不彈出提示框的方法
- JavaScript實(shí)現(xiàn)相冊(cè)彈窗功能(zepto.js)
- JS實(shí)現(xiàn)簡(jiǎn)單的右下角彈出提示窗口完整實(shí)例
- JS實(shí)現(xiàn)彈出居中的模式窗口示例
- javascript實(shí)現(xiàn)無(wú)法關(guān)閉的彈框
相關(guān)文章
js實(shí)現(xiàn)input密碼框提示信息的方法(附html5實(shí)現(xiàn)方法)
這篇文章主要介紹了js實(shí)現(xiàn)input密碼框提示信息的方法,涉及JavaScript頁(yè)面元素的獲取,屬性判斷及樣式設(shè)置等技巧,并附帶html5的相關(guān)實(shí)現(xiàn)方法,需要的朋友可以參考下2016-01-01JavaScript實(shí)現(xiàn)簡(jiǎn)潔的俄羅斯方塊完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)潔的俄羅斯方塊,以完整實(shí)例形式分析了JavaScript實(shí)現(xiàn)俄羅斯方塊游戲的具體技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2016-03-03JavaScript定義函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript定義函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-06-06JavaScript實(shí)現(xiàn)計(jì)算字符串中出現(xiàn)次數(shù)最多的字符和出現(xiàn)的次數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)計(jì)算字符串中出現(xiàn)次數(shù)最多的字符和出現(xiàn)的次數(shù),本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03對(duì)js eval()函數(shù)的一些見(jiàn)解
下面小編就為大家?guī)?lái)一篇對(duì)js eval()函數(shù)的一些見(jiàn)解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08js中把JSON字符串轉(zhuǎn)換成JSON對(duì)象最好的方法
這篇文章主要介紹了js中把JSON字符串轉(zhuǎn)換為JSON對(duì)象最好的方法,需要的朋友可以參考下2014-03-03