一、BOM瀏覽器物件模型
什么是BOM?
- BOM:瀏覽器物件模型 //宿主物件
- BOM 提供了很多物件，用于訪問瀏覽器的功能，這些功能與任何網頁內容無關。
- BOM將瀏覽器中的各個部分轉換成了一個一個的物件，我們通過修改這些物件的屬性，呼叫他們的方法，從而控制瀏覽器的各種行為
簡單來說：BOM可以使我們通過JS來操作瀏覽器，在BOM中提供了一組物件，用來完成對瀏覽器的操作。
BOM物件
1.Window物件
- 代表的是整個瀏覽器視窗，同時window也是網頁中的全域物件
2.Navigator物件 （網景公司）
- 代表的當前瀏覽器的資訊，通過該物件可以來識別不同的瀏覽器
3.Location
- 代表當前瀏覽器的地址欄資訊，通過Location可以獲取地址欄資訊，或則操作瀏覽器頁面跳轉
4.History
- 代表瀏覽器的歷史記錄，可以通過該物件來操作瀏覽器的歷史記錄
由于隱私問題，該物件不能獲取到具體的歷史記錄，只能操作瀏覽器向前或向后翻頁，而且該操作只在當次訪問時有效
5.Screen
- 代表用戶的螢屏的資訊，通過該物件可以獲取到用戶的顯示幕的相關的資訊
這些BOM物件在瀏覽器中都是作為window物件的屬性保存
可以通過window物件來使用，也可以直接使用
1.Navigator
- 代表當前瀏覽器的資訊，通過物件可以來識別不同的瀏覽器
- 由于歷史原因，Navigator物件中的部分屬性都是不能幫助我們識別瀏覽器了
- 一般我們只會使用userAgent來判斷瀏覽器的資訊
userAgent是一個字串，這個字串中包含有用來描述瀏覽器資訊的內容,不同的瀏覽器會有不通過的userAgent
2.History
- 物件可以用來操作瀏覽器向前后或向后翻頁
- length 回傳瀏覽器歷史串列中的 URL 數量。
History 物件方法
方法 描述
back() 加載 history 串列中的前一個 URL。
forward() 加載 history 串列中的下一個 URL。
go() 加載 history 串列中的某個具體頁面。
go(-1) ==>back()
go(1) ==>forward()
3. Location
- 該物件中封裝了瀏覽器的地址欄的資訊
Location 物件屬性
屬性 描述
hash 設定或回傳從井號 (#) 開始的 URL（錨）。
host 設定或回傳主機名和當前 URL 的埠號。
hostname 設定或回傳當前 URL 的主機名。
href 設定或回傳完整的 URL。
pathname 設定或回傳當前 URL 的路徑部分。
port 設定或回傳當前 URL 的埠號。
protocol 設定或回傳當前 URL 的協議。
search 設定或回傳從問號 (?) 開始的 URL（查詢部分）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56038.html
標籤：HTML(CSS)
上一篇：JavaScript事件總結