JavaScript Unit 01

1.0Camdemy1.0http://media.usc.edu.twJavaScript Unit 01http://media.usc.edu.tw/user/http://media.usc.edu.tw/sysdata/doc/b/b747bf2cb9a00e14/thumb_l.jpg360640<iframe width='720' height='405' id='ccShare2088' frameborder='0' src='http://media.usc.edu.tw/media/e/2088' allowfullscreen></iframe>video72040550:39Slide 0001(腳本語言)7017302(腳本語言)12687203JavaScript 的簡介19100504JavaScript 的簡介27777105Slide 531470406JavaScript 的發展目的在於提高網頁的互動性，JavaScript 可分成兩類：Client-Side JavaScript (客戶端 JavaScript) 和Server-Side JavaScript (伺服器端 JavaScript) (Node.js)客戶端 JavaScript 只可以在瀏覽器內執行，或者說，有了客戶端 JavaScript 之後，很多工作都可以在客戶端的瀏覽器完成，大大減少伺服器的工作。例如:當客戶端決定送出表單，就可以用 JavaScript 來檢查表單資料的32437007JavaScript 的發展目的在於提高網頁的互動性，JavaScript 可分成兩類：Client-Side JavaScript (客戶端 JavaScript) 和Server-Side JavaScript (伺服器端 JavaScript) (Node.js)伺服器JavaScript可以在server端執行，在Node.js出現之前，JavaScript是作為用戶端程式設計語言使用，Node.js的出現使JavaScript也能用於伺服器端編程。Node.js主要用於編寫像Web伺服器一樣的網40986908Slide 845326909通常撰寫 JavaScript 的位置有三個：551001010通常撰寫 JavaScript 的位置有三個：645067011認識DOM物件模型711966012第三，除了將JavaScript撰寫於html，還可以將JavaScript單獨寫在一個檔案內，然後再讀取進來：這樣的好處是，這個js檔案可以重複地被很多html檔使用790365013JavaScript 的基本語法880131014JavaScript 的基本語法975230015JavaScript 的基本語法1017996016JavaScript 的基本語法1150728017認識DOM物件模型1163995018The Document Object Model (DOM) is a cross-platform and language-independent application programming interface that treats an HTML, XHTML, or XML document as a tree structure wherein each node is an object representing a part of the document.1181128019認識DOM物件模型1206861020DOM (Document Object Model) 文件物件模型雖然常常使用 JavaScript語法來存取 DOM，但它本身並不是 JavaScript 語言的一部分，本質上，DOM是將HTML、XML、 JavaScript 、其他程式語言連結互通在一起的規範。1221828021JavaScript 的基本語法1289227022認識DOM物件模型1332860023JavaScript 的基本語法1374293024window.open()，意思是開啟視窗window 是物件open() 是執行的方法1374660025JavaScript 的基本語法1376126026window.open()，意思是開啟視窗window 是物件open() 是執行的方法1463359027認識DOM物件模型1504325028Slide 261548225029document 常用的 methods1585024030Slide 281661390031document.title //文件的titledocument.bgColor // 文件的背景顏色document.fgColor //文件的前景顏色(文字顏色)document.linkColor //未點擊過的鏈接顏色document.alinkColor //激活鏈接(焦点在此鏈接上)的顏色document.vlinkColor //已點擊過的鏈接顏色document.URL //設置URL屬性(以便在同一視窗打開另一網頁)document.fileCreatedDate //文件的建立日期d1667157032JavaScript 的基本語法1726923033Slide 311801355034Slide 321832388035Slide 331885888036Slide 341963720037JavaScript 的基本語法2067153038JavaScript 的基本語法2119219039JavaScript 的基本語法2153852040JavaScript 的基本語法2165585041JavaScript 的基本語法2167485042JavaScript 的基本語法2176718043Slide 412219918044Slide 422302584045JavaScript 的基本語法2309750046window.alert(location.hostname);2406716047Slide 452438849048Slide 472454382049Slide 482589381050認識DOM物件模型2646214051JavaScript 的基本語法2687046052Slide 512731913053index 552846012054Slide 523031476055fs1920x1080720x4041280x7201920x1080http://media.usc.edu.tw/sysdata/doc/b/b747bf2cb9a00e14/thumb.jpghttp://media.usc.edu.tw/sysdata/doc/b/b747bf2cb9a00e14/cover.jpghttp://media.usc.edu.tw/sysdata/doc/b/b747bf2cb9a00e14/video/thumbs/storyboard.jpghttp://media.usc.edu.tw/sysdata/doc/b/b747bf2cb9a00e141