BOM —— 瀏覽器對象模型(Browser Object Model)

1、什麼是 BOM

• BOM 是 Broswer Object Model 的縮寫，中文爲瀏覽器對象模型
• BOM 提供了獨立於內容而與瀏覽器窗口進行交互的對象
• 因爲 BOM 主要用於管理窗口與窗口之間的通信，所以其核心對象是 window
• BOM 缺少標準，因此你會發現 MDN 上面搜尋不了，JavaScript語法的標準化組織是 ECMA，DOM 的標準化組織是 W3C

2、一些大部分通用的API

• window對象——BOM核心
  • window.alert('提示信息')
  • window.confirm('確認信息')
  • window.prompt('彈出輸入框')
  • window.open('url地址', '_black或_self', '新窗口大小')；          // black：新開一個空白的窗口打開連接，self在當前框架中打開連接
  • window.close()   // 關閉當前頁
  • setTimeout(函數， 時間)    // 定時器，只執行一次
  • clearTimeout(定時器名稱)  // 清除計時器
  • setInterval(函數，時間)     // 定時器，無限執行
  • clearInterval()      // 中止執行 setInterval()
• location對象
  • localtion.href = 'url地址';           // 跳轉到這個url地址
  • localtion.hostname         // 返回 web 主機名
  • localtion.pathname            // 返回當前頁面的路徑和文件名
  • localtion.port             // 返回 web 主機的端口
  • localtion.protocol      // 返回頁面使用的web協議，http||https
• navigator對象 —— 獲取瀏覽器的全部信息
  • navigator.appCodeName   // 返回瀏覽器的代碼名
  • navigator.appMinorVersion      // 返回瀏覽器的次級版本
  • navigator.appName    // 返回瀏覽器的名稱
  • navigator.appVersion   // 返回瀏覽器的平臺和版本信息
  • navigator.browserLanguage      // 返回當前瀏覽器的語言
  • navigator.userAgent       // 返回由客戶機發送服務器的 user-agent 頭部的值。
• screen對象
  • screen.height     // 獲取整個屏幕的高
  • screen.width        // 獲取整個屏幕的寬
  • screen.availiHeight         // 整個屏幕的高減去系統部件的高（可用的屏幕高度）
  • screen.availWidth         // 整個屏幕的寬減去系統部件的寬（可用的屏幕寬度）
• history對象 包含瀏覽器的歷史
  • history.back();         // 返回上一頁
  • history.forward()      // 前進下一頁
  • history.go('參數');     // -1 表示上一頁，1表示下一頁