Js--BOM詳解

Js--BOM詳解

博客說明

文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗匯總，如有什么地方侵權，請聯系本人刪除，謝謝！

概念

Browser Object Model 瀏覽器對象模型

將瀏覽器的各個組成部分封裝成對象

組成

• Window：窗口對象
• Navigator：瀏覽器對象
• Screen：顯示器屏幕對象
• History：歷史記錄對象
• Location：地址欄對象

Window：窗口對象

1. 創建

2. 方法

   • 與彈出框有關的方法：
     alert()

     顯示帶有一段消息和一個確認按鈕的警告框。
     confirm()

     顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。

     返回值：

     如果用戶點擊確定按鈕，則方法返回true
     如果用戶點擊取消按鈕，則方法返回false
     prompt()

     顯示可提示用戶輸入的對話框。

     返回值：

     獲取用戶輸入的值

   • 與打開關閉有關的方法：
     close()

     關閉瀏覽器窗口。

     open()

     打開一個新的瀏覽器窗口

     返回新的Window對象

   • 與定時器有關的方式
     setTimeout()

   • 在指定的毫秒數后調用函數或計算表達式。

     返回值：唯一標識，用於取消定時器

     clearTimeout()

     取消由 setTimeout() 方法設置的 timeout。

     setInterval()

     按照指定的周期（以毫秒計）來調用函數或計算表達式。
     clearInterval()

     取消由 setInterval() 設置的 timeout。

3. 屬性：

   1. 獲取其他BOM對象：
      history
      location
      Navigator
      Screen:
   2. 獲取DOM對象
      document

4. 特點

   • Window對象不需要創建可以直接使用 window使用。 window.方法名();
   • window引用可以省略。 方法名();

Location：地址欄對象

1. 創建(獲取)：

   1. window.location
   2. location

2. 方法：

   • reload() 重新加載當前文檔。刷新

3. 屬性

   • href 設置或返回完整的 URL。

History：歷史記錄對象

1. 創建(獲取)：

   1. window.history
   2. history

2. 方法：

   • back() 加載 history 列表中的前一個 URL。
   • forward() 加載 history 列表中的下一個 URL。
   • go(參數) 加載 history 列表中的某個具體頁面。
     • 參數：
       • 正數：前進幾個歷史記錄
       • 負數：后退幾個歷史記錄

3. 屬性：

   • length 返回當前窗口歷史列表中的 URL 數量。

感謝

黑馬程序員

以及勤勞的自己
關注公眾號： 歸子莫，獲取更多的資料，還有更長的學習計划