Javascript & JQuery
網站互動設計程式進化之道
#1
2018.10.20

• 讀取 / 修改網頁內容

• 處理網頁事件

• 程式流程與運作規則

4

甚麼是程式 ?

14

一連串讓電腦照著執行的指令

如何寫程式 ?

16

確定目標 > 規劃流程 > 撰寫程式

流程圖

23

步驟

事件

輸入

決定

物件

28

• 屬性 (properties)

• 方法 (methods)

• 事件 (events)

關於網頁操作

36

• 瀏覽器物件 (BOM)

• 文件物件 (DOM)

瀏覽器與網頁

40

讀取檔案 > 建立文件 > 顯示畫面

瀏覽器與JAVASCRIPT

40

讀取檔案 > 解譯執行

HTML、CSS、JAVASCRIPT

44

內容 > 表現 > 行為

JAVASCRIPT檔案

46

撰寫 > 引入 > 執行

JAVASCRIPT畫面

48

伺服器端渲染 v.s. 本地端渲染

程式使用方式

50

執行對象 > 執行時間 > 執行內容

外部檔案引入

51