2-5. 加強認識 JavaScript 物件

參考介紹：

w3school 網站(英文)：Objects物件的簡介、 Objects物件的解說與舉例。

RUNOOB 網站(簡中)：Objects物件的簡介、 Objects物件的解說與舉例。

W3school 網站(簡中)：Objects物件的簡介、 Objects物件的解說與舉例。

---

---

w3school 網站(英文)：JavaScript 和HTML DOM 參考手冊

RUNOOB 網站(簡中)：JavaScript 和HTML DOM 參考手冊

W3school 網站(簡中)：JavaScript 和HTML DOM 參考手冊

一般性通用物件

Title	Description
JavaScript Strings	字串類物件
JavaScript Numbers	數值類物件
JavaScript Operators	運算子物件
JavaScript Math Object	數學類別物件
JavaScript Date Object	日期類別物件
JavaScript Arrays	陣列類別物件
JavaScript Booleans	布林類別物件
JavaScript RegExp Object	正規化表達字元物件
JavaScript Global Object	全域性物件

瀏覽器物件 BOM (瀏覽器物件模型)

Title	Description
Window object	瀏覽器視窗物件
Navigator object	瀏覽器物件
Screen object	螢幕物件
History object	歷史記錄物件
Location object	URL網路定址物件

網頁內元素物件 DOM（文檔物件模型）

Title	Description
HTML Document	HTML整份文件物件
HTML Element	HTML標籤元素物件
HTML Attributes	HTML屬性節點物件
HTML Events	HTML事件節點物件

this 關鍵詞 (參考網站: W3school)

• JavaScript this關鍵詞指的是它所屬的對象。
• 它擁有不同的值，具體取決於它的使用位置：
  • 單獨的情況下，this指的是全局對象，在瀏覽器窗口中全局對像是[object Window]。
  • 在方法中，this指的是所有者對象，指的是此方法的“擁有者”。
  • 在函數中，this指的是全局對象。
  • 在函數中，嚴格模式下，this是undefined。
  • 在事件中，this指的是接收事件的元素。
• 取用網頁元素的方法： (參考網站: W3school)
  • 通過 id名稱 查找HTML 元素 ： getElementById ()
  • 通過 tag標籤名稱 查找HTML 元素 ： getElementsByTagName ()
  • 通過 class類別名稱 查找HTML 元素 ： getElementsByClassName ()
  • 通過 CSS 選擇器 查找HTML 元素 ： querySelectorAll () 使用CSS選取器的方式
  • 通過 HTML 對象集合 查找HTML 元素 ： (參考網站: W3school)