1.0Camdemy1.0http://media.usc.edu.twJavaScript Unit 02http://media.usc.edu.tw/user/http://media.usc.edu.tw/sysdata/doc/9/93f9235809beee3f/thumb_l.jpg360640<iframe width='720' height='405' id='ccShare2089' frameborder='0' src='http://media.usc.edu.tw/media/e/2089' allowfullscreen></iframe>video72040543:18Slide 001宣告變數02宣告變數03單一變數的宣告：var name; var student_name = "Tom";var student_age = 16; Teacher_age=67; msg = 'Hello, I am Emily.'; 多變數同時宣告:var name, sex, student_age; 陣列的宣告var array_name = new Array() ; =>只宣告陣列的名稱， 但不指定內容var array_name = new Array(length) ; =>宣告陣列04宣告變數05單一變數的宣告：var name; var student_name = "Tom";var student_age = 16; Teacher_age=67; msg = 'Hello, I am Emily.'; 多變數同時宣告:var name, sex, student_age; 陣列的宣告var array_name = new Array() ; =>只宣告陣列的名稱， 但不指定內容var array_name = new Array(length) ; =>宣告陣列06陣列的宣告, 一個個分別指定值：var My_Color = new Array(); My_Color[0] = 'red'; My_Color[1] = 'green'; My_Color[2] = 'blue';07Slide 608JavaScript 變數的宣告answer = 'yes';Document.getElementById('choice').textContent = new Date();09Slide 8010Slide 9011In November 1996, Netscape began working with ECMA International to make JavaScript an industry standard. Since then, the standardized JavaScript is called ECMAScript and specified under ECMA-262, whose latest (nine, ES2018) edition is available in June 2012Slide 11013Slide 12014Slide 13015Slide 14016Slide 15017Slide 16018Slide 17019Slide 0020Slide 0021Slide 18022Slide 19023Slide 20024認識DOM物件模型025認識DOM物件模型026認識DOM物件模型027Slide 24028JavaScript變數的資料型態，除了 數值、字串、Boolean (真假, true/false)之外，還有物件與陣列。029JavaScript 特殊字元字串常數表 逸出字元/跳脫字元/escape字元 \\b 後退一格 (Backspace)\f 換頁 (Form feed)\n 換行 (New line)\r 返回 (Carriage return)\t 定位 (Tab)\' 單引號\" 雙引號\\ 反斜線 (Backslash)030JavaScript變數的資料型態，除了 數值、字串、Boolean (真假, true/false)之外，還有物件與陣列。031JavaScript 特殊字元字串常數表 逸出字元/跳脫字元/escape字元 \\b 後退一格 (Backspace)\f 換頁 (Form feed)\n 換行 (New line)\r 返回 (Carriage return)\t 定位 (Tab)\' 單引號\" 雙引號\\ 反斜線 (Backslash)032JavaScript 特殊字元字串常數表 逸出字元/跳脫字元/escape字元 \ => 對輸出的文字內容作控制 \b 後退一格 (Backspace)\f 換頁 (Form feed)\n 換行 (New line)\r 返回 (Carriage return)\t 定位 (Tab)\' 單引號\" 雙引號\\ 反斜線 (Backslash)033JavaScript 特殊字元字串常數表 逸出字元/跳脫字元/escape字元 \\b 後退一格 (Backspace)\f 換頁 (Form feed)\n 換行 (New line)\r 返回 (Carriage return)\t 定位 (Tab)\' 單引號\" 雙引號\\ 反斜線 (Backslash)034JavaScript 特殊字元字串常數表 逸出字元/跳脫字元/escape字元 \ => 對輸出的文字內容作控制 \b 後退一格 (Backspace)\f 換頁 (Form feed)\n 換行 (New line)\r 返回 (Carriage return)\t 定位 (Tab)\' 單引號\" 雙引號\\ 反斜線 (Backslash)035Slide 28036Slide 29037Slide 30038Slide 0039Slide 30040Slide 31041Slide 0042Slide 31043Slide 32044Slide 33045Slide 34046陣列的宣告, 一個個分別指定值：var My_Color = new Array(); My_Color[0] = 'red'; My_Color[1] = 'green'; My_Color[2] = 'blue';047var memberArray = [ { name: 'Casper', like: '鍋燒意麵', age: 18}, { name: 'Wang', like: '炒麵', age: 24}, { name: 'Bobo', like: '蘿蔔泥', age: 1}, {name: '滷蛋', like: '蘿蔔泥', age: 3}];048Slide 37049object型態050object型態051Slide 40052算數運算子053算數運算子054指定運算子055var x="I'm a String in JavaScript."056字串運算子057字串運算子058Slide 46059邏輯運算子060算數運算子061字串運算子062<script>var a = 135;var b = 246;document.write("<br>Before interchange, ");document.write("a = " + a + ", b = " +b);a ^= b ; b ^= a ; a ^= b ;document.write("<br>After interchange, ");document.write("a = " + a + ", b = " +b);</script>063<script>var a = 3;var b = 4;document.write("a = " + a + " , b = " + b);var result;result = a == b;document.write("<br>a equals b ? " + result);result = a != b;document.write("<br>a does not equal b ? " + result);result = a > b;document.write("<br>a is gre064typeof() eval()065typeof() eval()066index 68067Slide 54068fs1920x1080720x4041280x7201920x1080http://media.usc.edu.tw/sysdata/doc/9/93f9235809beee3f/thumb.jpghttp://media.usc.edu.tw/sysdata/doc/9/93f9235809beee3f/cover.jpghttp://media.usc.edu.tw/sysdata/doc/9/93f9235809beee3f/video/thumbs/storyboard.jpghttp://media.usc.edu.tw/sysdata/doc/9/93f9235809beee3f1