天天看點

【浏覽器學習之旅☞】window對象了解

window對象了解

      • window對象
      • window對象,document對象與JavaScript

window對象

  • . window 對象表示一個包含DOM文檔的視窗,其 document 屬性指向視窗中載入的 DOM文檔。
  • window 由浏覽器建立并可以直接在script标簽内 直接使用 ,在頁面關閉時銷毀。 作為全局變量,代表了腳本正在運作的視窗,暴露給 Javascript 代碼。
  • window 對象的存在:
    1. 浏覽器中打開的視窗,是一個window 對象。
    2. 浏覽器中視窗存在标簽頁,每個标簽頁都是一個window對象;同一個視窗的不同标簽頁不能共享window對象。
    3. 浏覽器的視窗中使用iframe嵌入其他頁面時,會單獨建立給window對象,即iframe對應一個window對象。

window對象,document對象與JavaScript

  1. 浏覽器對象模型(BOM)

浏覽器對象模型(Browser Object Model (BOM))尚無正式标準。

由于現代浏覽器已經(幾乎)實作了 JavaScript 互動性方面的相同方法和屬性,是以常被認為是 BOM 的方法和屬性。

  1. window對象

所有浏覽器都支援 window 對象。它表示浏覽器視窗。

所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。

JavaScript的全局變量是 window 對象的屬性。

JavaScript的全局函數是 window 對象的方法。

  1. document對象

當浏覽器載入 HTML 文檔, 它就會成為 Document 對象。

Document 對象是 HTML 文檔的根節點。

HTML DOM 的 document 對象 也是 window 對象的屬性:

總結:由于在全局作用域中,JavaScript可以直接使用window對象,是以可以通過JavaScript中的window.document操作HTML元素,達到頁面變化的效果。