BOM

概念：BOM：browser object module--瀏覽器物件模型是一套操作瀏覽器視窗的 屬性 和 方法
BOM的核心是window
所有BOM屬性都是 window.xxx(window可以省略)

獲取瀏覽器視窗尺寸

	1，window.innerWidth--獲取瀏覽器視窗寬度（包含滾動條）
	2，window.innerHigth--獲取瀏覽器視窗高度（包含滾動條）

瀏覽器的三種彈出層

1，alert()--提示框
    包含：提示文字 + 確定按鈕
    返回值是undefined
2，confirm（）--選擇提示框
    包含：提示文字 + 確定按鈕 + 取消按鈕
    返回值是boolean型別--點選確定返回true，點選取消返回false
3，prompt（）--提示輸入框
    包含：提示文字 + 輸入框 +確定按鈕 + 取消按鈕
    返回值：點選確定返回輸入文字內容，點選取消返回null
 

瀏覽器位址列

window物件中有location地址成員，location也是物件資料型別
location的href屬性
    讀屬性：window.location.href--獲取當前位址列的完整地址url（漢字會轉換為編碼格式）
    寫屬性：window.location.href = "url"--把當前位址列的地址修改，其實是頁面跳轉
location 的 reload（）方法
    window.loaction.reload()--重新載入當前頁面，其實就是重新整理（注意不要寫在開啟頁面的位置）

瀏覽器的歷史記錄

window物件的成員history也是物件資料型別
history的back（）方法
    window.history.back()
    回退到上一條歷史記錄，相當於瀏覽器的左箭頭<-
history 的 forward（）方法
    window.history.forward()
    前進到下一條歷史記錄，相當於點選右按鈕 ->
history 的 go() 方法
    window.history.go( 數字 )
    正整數表示歷史記錄前進
    負整數表示歷史記錄後退
    0 表示當前頁面重新整理
 

瀏覽器版本資訊

window物件的成員navigator是物件資料型別
navigator的方法
    1，userAgant()
        window.navigator.userAgent()
        獲取瀏覽器 型號 和 版本 資訊
    2，appVersion()
        window.navigator.appVersion()
        獲得瀏覽器版本資訊
    3，appName（）
        window.navigator.appName()
        獲取瀏覽器的名字
navigator的屬性
	platform
        window.navigator.platform
        獲取瀏覽器的安裝環境，作業系統（如：win32,win64）
 

瀏覽器常見事件

1，load
    window.onload=function(){}
    事件在載入完畢之後執行
2，scroll
    window.onscroll=function(){}
    事件在滾動條滾動時執行
3，resize
    window.onscroll=function(){}
    事件在瀏覽器視窗尺寸改變的時候執行

獲取瀏覽器捲去尺寸

瀏覽器捲去高度
    1，document.documentElement.scrollTop
        有DOCUTYPE標籤時獲取瀏覽器捲去高度
    2，document.body.scrllTop
        沒有DOCTYPE標籤時獲取瀏覽器捲去高度
    3，相容寫法
var scrollTop=document.documentElement.scrollTop || document.body.scrollTop
瀏覽器捲去寬度
    1，document.documentElement.scrollLeft
        有DOCUTYPE標籤時獲取瀏覽器捲去高度
    2，document.body.scrollLeft
        沒有DOCTYPE標籤時獲取瀏覽器捲去高度
    3，相容寫法
var scrollTop=document.documentElement.scrollLeft || document.body.scrollLeft

小案例

	頂部通欄 返回頂部
		1，繫結滑鼠滾動事件
		2，獲取瀏覽器捲去高度
		3，判斷瀏覽器捲去高度