1. Bom

??Browser Object Model是瀏覽器對象模型，它提供了一系列對象用于與瀏覽器窗口進行交互，瀏覽器對象模型提供了獨立與內(nèi)容的，可以與瀏覽器窗口進行互動的對象結(jié)構(gòu)，Bom由多個對象構(gòu)成，其中代表瀏覽器窗口的window對象是Bom對象的頂層對象，其他對象都是該對象的子對象。

bom.png

2. window對象（Bom的頂級對象）

window，顧名思義，窗口對象。它表示整個瀏覽器窗口，主要用來操作瀏覽器窗口。

• var a; window.a;
• function fn(){} window.fn();
• document window.document
• window.onload
• alert('提示信息')
• confirm("確認信息") ***************
• prompt("彈出輸入框")
• open("url地址"，“_blank或_self”）　　*******************
• window.onresize
• window.onscroll
  (1) 所有的全局變量和全局函數(shù)都是存儲到window對象上的
  (2) document也是屬于window對象的
  (3) window.onload等待頁面加載完成之后執(zhí)行
  (4) window.alert() 彈出一個警告框
  (5) window.confirm()
  confirm有一個返回值 改返回值是一個boolean的
  如果點擊確定了 則返回true 如果點擊取消了 則返回false
  (6) prompt 你輸入的數(shù)據(jù)是一個string類型的
  var name = prompt('請輸入用戶名字');
  console.log(name);
  (7) open方法
  open方法的第一個參數(shù) 是請求地址 就是你要跳轉(zhuǎn)到哪個頁面
  第二個參數(shù) 有2個 一個是_blank 打開一個新的窗口
  ???????????一個是_self 在當前窗口中打開
  (8) onresize // 調(diào)整頁面大小
  window.onresize = function(){
  console.log(11111);
  }
  (9) onscroll
  window.onscroll = function(){
  console.log(11111);
  }

3.BOM-localtion

• window.location.;
  局限：僅限于當前窗口打開 不可以打開一個新的窗口
• location.hostname 返回 web 主機的域名
• location.pathname 返回當前頁面的路徑和文件名
• location.port 返回 web 主機的端口 （80 或 443）

  http 80
  https 443
  oracle 1521
  mysql 3306
  redis 6379
  mongodb 27017
  ftp 21
  ssh 22

• location.portocol 返回頁面使用的web協(xié)議。 http:或https:
  • https 加密 http + ssl
    ssl 安全套接字協(xié)議

4. history對象 管歷史記錄

history對象包含有關(guān)用戶的訪問歷史記錄

• length 返回瀏覽器歷史列表中的 URL 數(shù)量
• forward() 加載 history 列表中的下一個 URL
• back() 加載 history 列表中的上一個 URL
• go() 加載 history 列表中的某個具體頁面
• history.go(0) 刷新當前頁面
• history.go(-1) 后退一頁
• history.go(1) 前進一頁

<a href="javascript:history.back()">上一頁</a>
<a href="javascript:history.forward()">下一頁</a>
<a href="javascript:window.history.go(-1)">指定頁</a>//回到指定的歷史記錄  0代表當前頁   負數(shù)代表前面的頁  正數(shù)代表后面的頁

5. navigator 管瀏覽器的版本內(nèi)核信息

navigator對象用于提供與用戶瀏覽器相關(guān)的信息

• appCodeName 屬性返回瀏覽器的代碼名

• appName 屬性返回瀏覽器的名稱

• cookieEnabled 屬性返回指明瀏覽器中是否啟用cookie的布爾值

• platform 屬性返回運行瀏覽器的操作系統(tǒng)平臺

• appVersion 屬性返回瀏覽器的平臺和版本信息

• userAgent 屬性返回用戶瀏覽器發(fā)送服務(wù)器的user-agent頭部的值

• language: "zh-CN" 判斷用戶瀏覽器語言設(shè)置

• 識別瀏覽器

var str1=window.navigator.userAgent;
var str2=window.navigator.appVersion;
console.log(navigator.appName);//瀏覽器名字Netscape（網(wǎng)景）
console.log(navigator.appCodeName);//核心名稱，但是不準
console.log(navigator.appVersion);//應(yīng)用的版本

6. screen

screen對象包含有關(guān)客戶端顯示屏幕的信息

• width 屬性返回顯示器屏幕的寬度
• height 屬性返回顯示器屏幕的高度
• availHeight 屬性返回顯示屏幕的高度 (除 Windows 任務(wù)欄之外)
• availWidth 屬性返回顯示屏幕的寬度 (除 Windows 任務(wù)欄之外)

7. document對象 文檔對象

document 對象是 Window 對象的一部分

• 可通過 window.document 屬性對其進行訪問
• 每個載入瀏覽器的 HTML 文檔都會生成 document 對象
• document 對象與它所包含的各種節(jié)點構(gòu)成了早期的文檔對象模型（DOM 0級）
• document：包含整個 HTML 文檔，可被用來訪問文檔內(nèi)容及其所有頁面元素