# 1/26 JavaScript ###### tags: `JavaScript` # 補充教材 ![](https://i.imgur.com/FPmHRjl.png)![](https://i.imgur.com/YfgXmUB.png) Pattern(規則) RegExp(正規式) ![](https://i.imgur.com/VYKpfnl.png) # 88 事件處理程序 ![](https://i.imgur.com/4pTwImG.png) click mousedown keydown # 89 事件處理方式(1/2) ![](https://i.imgur.com/wd6VNPQ.png) function name 立即執行 binding(繫結,綁定) regirster(註冊) 只有 false 功能![](https://i.imgur.com/SzABucS.png) # 90 事件處理方式(2/2) ![](https://i.imgur.com/IMMOX3n.png) # 91 事件處理方式範例 ![](https://i.imgur.com/Ggf6BHO.png) ![](https://i.imgur.com/n8fKLtu.png) # 92 函數(function) 匿名函數 = 函數宣告沒有名字 箭頭函數 ![](https://i.imgur.com/xP8Y0T7.png) # 93 DOM2級事件(W3C) 先執行true ![](https://i.imgur.com/QlZMH56.png) # 94 常用事件 document onDOMContentLoaded ![](https://i.imgur.com/AZUgSnj.png) # 95 單元七:Dynamic HTML ![](https://i.imgur.com/TjdREDC.png) 網頁在執行過程中改變 # 96 動態樣式 //css裡面的寫法 font-size //js寫法 fontSize ![](https://i.imgur.com/ni58Cez.png) ![](https://i.imgur.com/HBWzkda.png) ![](https://i.imgur.com/kI85wMS.png) # 97 動態修改顯示內容 ![](https://i.imgur.com/HOyXDpg.png) # 99 BOM物件模型架構(Browser Object Model) ![](https://i.imgur.com/71spq2Z.png) # 100 視窗(window)物件 ![](https://i.imgur.com/SzG1xnO.png) # 101 window物件的計時器 ![](https://i.imgur.com/bjNqc5C.png) # 102 window物件的計時器(範例) ![](https://i.imgur.com/mcJyWtU.png) # 103 位址(location)物件 ![](https://i.imgur.com/pyf5FoN.png) # 104 事件(event)物件(1) ![](https://i.imgur.com/S8tZj6n.png) 被觸發的元素 # 105 事件處理範例 ![](https://i.imgur.com/JV79mrY.png) # 106 JavaScript資料型別 ![](https://i.imgur.com/peNvzKQ.png) https://www.w3schools.com/jsref/dom_obj_event.asp # 107 事件(event)物件(2) ![](https://i.imgur.com/VsojHaj.png) # 108 DOM2級事件(W3C) ![](https://i.imgur.com/oyQjd5W.png)