JavaScript基礎(四) BOM

BOM:

1. 概念:Browser Object Model 瀏覽器對象模型
	* 將瀏覽器的各個組成部分封裝成對象。

2. 組成:
	* Window:窗口對象
	* Navigator:瀏覽器對象
	* Screen:顯示器屏幕對象
	* History:歷史記錄對象
	* Location:地址欄對象

3. Window:窗口對象
    1. 創建
    2. 方法
         1. 與彈出框有關的方法:
            alert()	顯示帶有一段消息和一個確認按鈕的警告框。
            confirm()	顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
                * 如果用戶點擊確定按鈕,則方法返回true
                * 如果用戶點擊取消按鈕,則方法返回false
            prompt()	顯示可提示用戶輸入的對話框。
                * 返回值:獲取用戶輸入的值
         2. 與打開關閉有關的方法:
            close()	關閉瀏覽器窗口。
                * 誰調用我 ,我關誰
            open()	打開一個新的瀏覽器窗口
                * 返回新的Window對象
         3. 與定時器有關的方式
            setTimeout()	在指定的毫秒數後調用函數或計算表達式。
                * 參數:
                    1. js代碼或者方法對象
                    2. 毫秒值
                * 返回值:唯一標識,用於取消定時器
            clearTimeout()	取消由 setTimeout() 方法設置的 timeout。

            setInterval()	按照指定的週期(以毫秒計)來調用函數或計算表達式。
            clearInterval()	取消由 setInterval() 設置的 timeout。

    3. 屬性:
        1. 獲取其他BOM對象:
            history
            location
            Navigator
            Screen:
        2. 獲取DOM對象
            document
    4. 特點
        * Window對象不需要創建可以直接使用 window使用。 window.方法名();
        * window引用可以省略。  方法名();


4. Location:地址欄對象
	1. 創建(獲取):
		1. window.location
		2. location

	2. 方法:
		* reload()	重新加載當前文檔。刷新
	3. 屬性
		* href	設置或返回完整的 URL。


5. History:歷史記錄對象
    1. 創建(獲取):
        1. window.history
        2. history

    2. 方法:
        * back()	加載 history 列表中的前一個 URL。
        * forward()	加載 history 列表中的下一個 URL。
        * go(參數)	加載 history 列表中的某個具體頁面。
            * 參數:
                * 正數:前進幾個歷史記錄
                * 負數:後退幾個歷史記錄
    3. 屬性:
        * length	返回當前窗口歷史列表中的 URL 數量。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章