JavaScript迴圈、JS HTML DOM、JS Window
阿新 • • 發佈：2019-01-08
今天繼續學習JavaScript，該筆記主要記錄JavaScript的迴圈、JS HTML DOM、JS Window。
JavaScript的for迴圈與white迴圈：
迴圈可以將程式碼塊執行指定的次數。
JavaScript 支援不同型別的迴圈：
- for - 迴圈程式碼塊一定的次數
- for/in - 迴圈遍歷物件的屬性
- while - 當指定的條件為 true 時迴圈指定的程式碼塊
- do/while - 同樣當指定的條件為 true 時迴圈指定的程式碼塊
- 本處主要展示for/in和while這兩個迴圈。
- for/in：
- eg.
- 結果：
- while:
- eg.
- 結果：
HTML DOM 模型被構造為物件的樹。
HTML DOM 樹：
- 通過 id 找到 HTML 元素
- 通過標籤名找到 HTML 元素
- 通過類名找到 HTML 元素
- 注意：通過類名查詢 HTML 元素在 IE 5,6,7,8 中無效。
- eg.
- 結果:
介面及結果：
對事件作出反應：
向 button 元素分配 onclick 事件：
結果：
mouse事件：
eg.
結果：
滑鼠點選事件:
onmousedown, onmouseup 以及 onclick 構成了滑鼠點選事件的所有部分。首先當點選滑鼠按鈕時，會觸發
onmousedown 事件，
當釋放滑鼠按鈕時，會觸發
onmouseup 事件，最後，當完成滑鼠點選時，會觸發 onclick 事件。
eg.
結果：
新增和刪除節點（HTML 元素）:
eg.
結果：
