?????? ???
JavaScript ???
??? ?? ?? JavaScript ????? ???? ?? ?????.
??? ?? ??? ?? ??? ?? ? ????. ??? ??? ??? ??? ??? ??? ?????.
?? ??????? ??? ??? ???? ???? ??? ?? ?? ??? ??? ??? ?? ? ????.
JavaScript ??? ??
???? ???? ??? ?? ?? ?? ?????? ???.
???? ???? ???? ?? ?????? ??? ??? ???? ????.
??? ??? ??? ????? ??? ? ??? ??? ?? ???? ????? ?????.
??? ??? ???? ???(?? ??? ???? ??)? ???? ??? ???? ?? ??? ??? ? ????.
?????? ??? ??? ?????? ????? F12 ?? ??? ??? ???? "??"? ?????.
JavaScript ????? ?????? console.log()? ???? ?? Alert()?? ? ?? ?????. ? ??? ??? ????. Alert() ??? JavaScript ????? ??? ???? console.log? ??????. ()? ??? ?? ??? ????? ??? ??? ???? ????
console.log()? ??????
?? ??? ?? ????? ???? ??? ???? ?????? ??? ??? ???? ?? ???? ????? ???? ??? ? ????. ?? ??, ?? ??? Firefox?? ??? ??? ??? ????. ? ?? Firebug ????? ???? ??? ??? ??? ? ????. ??? ??? ?? ??????? console??? ?? ??? ??? ??? ??? ???? window ??? ?????. ?? ??? log() ??? ???? ??? ??? ??? ? ????. ?? ?? ?? ??? ??? "?? ??"? ?????.
??? ??? ????. window.console.log("Sample log")
? ??? ? ??? ????
??? ??? ????:console.log("Sample log");
console.log()? ?? ???, ?? ? JavaScript ??? ??? ? ????. Alert() ??? ???? console.log()? ?? ?? n? ? ?? t? ??? ? ????. console.log() ?? ?? ??? ??? ??? ????? ??? ???? ? ? ????. console.log()? ??? ?????? ?? ? ????.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> //變量 var i = 'I am a string'; console.log('變量:',i); //數(shù)組 var arr = [1,2,3,4,5]; console.log('數(shù)組:',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); //對象數(shù)組 var objArr1 = [obj1,obj2,obj3]; var objArr2 = [[obj1],[obj2],[obj3]]; console.log('對象數(shù)組1:',objArr1); console.log('對象數(shù)組1:',objArr2); </script> </head> <body> <p> 瀏覽器中(Chrome, IE, Firefox) 使用 F12 來啟用調(diào)試模式, 在調(diào)試窗口中點擊 "Console" 菜單。 </p> </body> </html>
debugger ???
debugger ???? JavaScript ??? ???? ??? ??? ???? ? ?????.
? ???? ??? ???? ???? ???? ?? ??? ??? ????.
???? ??? ? ??? ??? ?? ???? ????.
???? ????? ? ?? ? ??? ?? ??? ?????.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <head> </head> <body> <p id="demo"></p> <script> var x = 5 * 5 + 5; debugger; document.getElementById("demo").innerHTML = x; </script> </body> </html>
?? ????? ??? ??
????? ?????? ??? ??? ?????? F12 ?? ??? ??? ???? "??"? ?????.
? ????? ??? ??? ????.
Chrome ????
????? ???. ???? ??? ?????. ???? ??? ??? ?????. ????? ??? ?????.
Firefox ????
????? ???. ??? ??:
http://www.getfirebug.com. ??? ????:
Firebug? ?????.
Internet Explorer ????.
????? ???. ???? ??? ?????. ???? ??? ??? ?????. ????? ??? ?????.
Opera
????? ???. Opera? ??? ??? ??? Dragonfly???. ??? ??? ???
http://www.opera.com/dragonfly/ ???? ?????.
Safari
????? ???. ??? ??? ??? ???? ?? ??? ?????. ??? ???? ??? "??"? ?????.