BOM（browser object model）

BOM六大物件

• 1.視窗物件 window 頂層物件 ------一個瀏覽器有多個視窗
• 2.瀏覽器物件 navigator 記錄瀏覽器相關資訊
• 3.螢幕物件 screen 包含螢幕相關資訊
• 4.歷史物件 history 訪問頁面歷史資訊
• 5.位置物件 location 當前頁面的地址資訊
• 6.文件物件 document 包含整個HTML文件 ------>DOM

---------window

每開啟一個視窗，就包含了一個window物件

---屬性

1.window.screenX 和window.screenY

返回瀏覽器相對於螢幕視窗的X.Y座標（IE中叫 window.screenLeft window.screenTop)

2.window.pageXOffset 和 window.pageYOffset

返回頁面相對於視窗提示區位置座標

3.window作為頂層物件，它的屬性和方法可以省略（window.）

4.window.innerWidth 和 window.innerHeight

返回視窗的文件顯示區 viewpart的寬高

----方法

1.alert（）警告視窗 confirm（）確認按鈕 prompt（）提示 阻塞程式碼執行===>三個彈窗方法

2.scrollBy( ) 疊加，按一次執行一次 scrollTo( ) 一次到位

3.window.open（）預設從新視窗開啟

4.setInterval(fn,ms) fn 函式的宣告 mm 毫秒 1s = 1000ms 計時器 沒隔多久做一次

clearInterval() 停止計時器

let num = 5;
    setInterval(function(){
        if(num>=0){
            console.log(num);  5 4 3 2 1 0
            num--;
        }else{
            clearInterval();
        }
    },2000)

5.setTimeOut(fn,ms) 執行一次，隔了多久後才做某一事件，非同步程式碼，最後才會執行

clearTimeOut();

-------screen

屬性：

1.screen.width 和 screen.height 返回螢幕寬高

2.screen.availWidth 和 screen.availHeight

返回可視區域寬高，去除工作列

-----------history

方法

history.go() -1 回退 0 重新整理 1 前進

------------location

屬性：

location.href 返回完整的URL 跳轉到某一地址

任何元素都可以跳轉到新頁面

-----------navigator

屬性：

navigator.appName 返回瀏覽器名稱