🔎這裡是【JavaScript】，關注我學習前端不迷路
👍如果對你有幫助，給部落客一個免費的點贊以示鼓勵
歡迎各位🔎點贊👍評論收藏⭐️
👀專欄介紹
【JavaScript】 目前主要更新JavaScript，一起學習一起進步。
👀本期介紹
本期主要介紹DOM對象&JS事件總結&全局函數
文章目錄
1. DOM 對象
1.1 DOM 對象是什麼？有什麼作用？
1.2 DOM 樹介紹
1.3 DOM 和 BOM 關系
2. JS 事件總結
3. 全局函數（global）
3.1 執行
3.2 編碼和解碼
3.3 字元串轉數字
1. DOM 對象
1.1 DOM 對象是什麼？有什麼作用？
DOM
（
Document Object Model
） 文檔對象模型
文檔：标記型文檔（
HTML
、
XML
等）
DOM
是将标記型文檔中所有内容（标簽、文本、屬性）都封裝成對象，
通過操作對象的屬性或者方法，來達到操作或者改變
HTML
展示效果的目的。
1.2 DOM 樹介紹
上述
HTML
文檔會被浏覽器 由上到下依次 加載并解析。
加載到浏覽器的記憶體
加載并解析到記憶體中，會生成一張
DOM
樹
其中：
在 DOM
樹中所有的成員都可以成為節點
(Node)
整個 DOM 樹，是一個文檔節點對象，即
DOM
對象。
document
一個 HTML 文檔加載到記憶體中就會形成一個
DOM
對象
1.3 DOM 和 BOM 關系
BOM 包含了 DOM 對象
1.4 節點屬性
2. JS 事件總結
常見事件
示例代碼：
滑鼠鍵盤事件
示例代碼：
3. 全局函數（global）
3.1 執行
作用：用于增強程式的擴充性。
注：隻可以傳遞原始資料類型 string ，傳遞 String
對象無作用。
3.2 編碼和解碼
URL/URI 編碼：中文及特殊符号
%16 進制
作用：保證資料傳遞的完整性。
3.3 字元串轉數字
parseInt(string);
string 按照字面值轉換為整數類型，小數點後面部分不關注。
parseFloat(string);
string 按照字面值轉換為小數類型。
注：
如果字元串的某個字元從字面值上無法轉為數字，那麼從該字元開始停止轉換，僅傳回前面正确的
轉換值。（例如：11.5a55， parseInt 結果 11 ，
parseFloat
結果
11.5
）
如果字元串的第一個字元就無法從字面值上轉為數字，那麼停止轉換，傳回 NaN
NaN （Not A Number，一個數字類型的辨別，表示不是一個正确的數字）