JavaScript瀏覽器物件模型BOM總結
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
開發工具與關鍵技術：Adobe Dreamweaver JavaScript
作者：黃富滔
撰寫時間：2020年4月29日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
知識點羅列：
1、注意區分：
DOM檔案物件模型：是用來操作HTML檔案，是用戶與瀏覽器之間的互動行為，對HTML的增刪查改
BOM瀏覽器物件模型：是用來操作瀏覽器，呼叫BOM方法去控制瀏覽器的各種行為，與網頁內容無關
2、BOM簡介
①BOM也是宿主物件
② BOM 提供了很多物件，用于訪問瀏覽器的功能，這些功能與任何網頁內容無關。
③BOM將瀏覽器中的各個部分轉換成了一個一個的物件，我們通過修改這些物件的屬性，呼叫他們的方法，從而控制瀏覽器的各種行為
④BOM物件包含了Window、Navigator 、Location、History、Screen等等
簡單來說：BOM可以使我們通過JS來操作瀏覽器，在BOM中提供了一組物件，用來完成對瀏覽器的操作。
3、Window物件
所有的瀏覽器都支持window物件，它表示瀏覽器視窗
所有 JavaScript 全域物件、函式以及變數均自動成為 window 物件的成員。
全域變數是 window 物件的屬性。
全域函式是 window 物件的方法。
甚至 HTML DOM 的 document 也是 window 物件的屬性之一：
4、Navigator物件
- 代表當前瀏覽器的資訊，通過物件可以來識別不同的瀏覽器
- 由于歷史原因，Navigator物件中的部分屬性都是不能幫助我們識別瀏覽器了
- 一般我們只會使用userAgent來判斷瀏覽器的資訊
如果通過navigator.userAgent不能判斷，還可以通過一些瀏覽器中特有的物件，來判斷瀏覽器的資訊。比如：ActiveXObject（IE11瀏覽器）
5、History
- 物件可以用來操作瀏覽器向前后或向后翻頁
- length 回傳瀏覽器歷史串列中的 URL 數量。
方法 描述
back() 加載 history 串列中的前一個 URL。
forward() 加載 history 串列中的下一個 URL。
go() 加載 history 串列中的某個具體頁面。
go(-1)等同于back()
go(1) 等同于forward()
6、Location 物件
- 該物件中封裝了瀏覽器的地址欄的資訊
Location 物件屬性
屬性 描述
hash 設定或回傳從井號 (#) 開始的 URL（錨）。
host 設定或回傳主機名和當前 URL 的埠號。
hostname 設定或回傳當前 URL 的主機名。
href 設定或回傳完整的 URL。
pathname 設定或回傳當前 URL 的路徑部分。
port 設定或回傳當前 URL 的埠號。
protocol 設定或回傳當前 URL 的協議。
search 設定或回傳從問號 (?) 開始的 URL（查詢部分）。
7、Location 物件方法
方法 描述
assign() - 用來跳轉到其他的頁面，作用和直接修改location一樣
reload() - 重新加載當前檔案,作用和重繪按鈕一樣；如果在方法中傳遞一個true作為引數，則會強制清空快取重繪頁面
replace() - 用新的檔案替換當前檔案，呼叫完畢也會跳轉頁面； 不會生成歷史記錄，不能使用回退按鈕回退
8、Screen物件
- 代表用戶的螢屏的資訊，通過該物件可以獲取到用戶的顯示幕的相關的資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/54487.html
標籤：非技術區