---
# System prepended metadata

title: 1/26 JavaScript
tags: [JavaScript]

---

# 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)
