什么是BOM

• BOM是browser object model的縮寫，簡稱瀏覽器對象模型
• BOM提供了獨立于內容而與瀏覽器窗口進行交互的對象
• 由于BOM主要用于管理窗口與窗口之間的通訊，因此其核心對象是window
• BOM由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性
• BOM缺乏標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織是W3C
• BOM最初是Netscape瀏覽器標準的一部分
  

BOM結構圖

BOM對象包括

window對象

是BOM的頂層(核心)對象，所有對象都是通過它延伸出來的，也可以稱為window的子對象 。由于window是頂層對象，因此調用它的子對象時可以不顯示的指明window對象，例如下面兩行代碼是一樣的：

document.write("www.dreamdu.com");
window.document.write("www.dreamdu.com");

window對象的屬性和方法：
所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數是 window 對象的方法。

window與self對象

self對象與window對象完全相同，self通常用于確認就是在當前的窗體內

window的子對象

• JavaScript document 對象
• JavaScript frames 對象
• JavaScript history 對象
• JavaScript location 對象
• JavaScript navigator 對象
• JavaScript screen 對象

window函數索引

窗體控制函數

• JavaScript moveBy() 函數
• JavaScript moveTo() 函數
• JavaScript resizeBy() 函數
• JavaScript resizeTo() 函數

窗體滾動軸控制函數

• JavaScript scrollTo() 函數
• JavaScript scrollBy() 函數

猴子提示: 上面幾個函數的名字最后都帶有To或By，to是絕對的意思(從整體而言)，by是相對的意思(從原先的位置而言)

窗體焦點控制函數

• JavaScript focus() 函數
• JavaScript blur() 函數

新建窗體函數

• JavaScript open() 函數
• JavaScript close() 函數
• JavaScript opener 屬性

對話框函數

• JavaScript alert() 函數
• JavaScript confirm() 函數
• JavaScript prompt() 函數

狀態欄屬性

• JavaScript window.defaultStatus 屬性
• JavaScript window.status 屬性

時間等待與間隔函數

• JavaScript setTimeout() 函數
• JavaScript clearTimeout() 函數
• JavaScript setInterval() 函數
• JavaScript clearInterval() 函數

轉載于:https://www.cnblogs.com/dreamingbaobei/p/5075924.html

總結

以上是生活随笔為你收集整理的Javascript学习笔记3 Javascript与BOM简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。