1. 程式人生 > >Javascript高階程式設計學習筆記(31)—— BOM(5)screen、history物件

Javascript高階程式設計學習筆記(31)—— BOM(5)screen、history物件

screen物件

screen物件應該是BOM物件中最不常用的物件了

其主要用於提供客戶端的顯示能力資訊

包括瀏覽器外部顯示的資訊,和畫素的寬高等

這個物件的主要用於檢測客戶端能力,一般不會影響功能

而且由於,該物件的許多屬性基本上都是隻讀的,所以也沒有太多可以操作的空間,畢竟這是由客戶端硬體所決定的

 

下面和昨天一樣只例舉主流瀏覽器都支援的屬性與方法

詳見MDN

1、availHeight  螢幕畫素總高度減去系統部件高度的值(即螢幕剩餘高度)

2、availWidth  螢幕畫素寬度減系統部件寬度的值(即剩餘螢幕寬度)

3、colorDepth  顏色表示位數(多數系統32位)

4、height  螢幕畫素高度

5、width  螢幕畫素寬度

PS、1,2兩個屬性指的系統部件是指工作列,工具條等,不包括瀏覽器自身

如下圖:

上面兩張圖是我調節windows工作列的結果

其他的屬性應該從字面意思就能理解這裡就不再贅述

 

關於Screen物件一般的用處也就是採集一下客戶端的資料,至於根據這個東西有啥騷操作,樓主還沒見過

有見多識廣的小夥伴可以留言告訴我

 

history物件

跟screen物件不一樣,history物件是BOM中一個比較重要的物件了

history記錄著使用者的上網歷史記錄,該物件從視窗開啟的那一刻開始記錄

出於安全考慮,我們無法獲取使用者歷史記錄的具體URL

但是history提供了一些方法,讓我們在不知道URL的情況下也能進行前進和後退

 

1、history.go()  該方法接收一個整數,負數向後跳轉(後退幾次),正數向前(前進幾次),該方法還可以接收一個字串作為引數,此時瀏覽器會跳轉向包含該字串的第一個記錄(即距離當前頁面最近的記錄,不管前進還是後退)

2、history.back()  功能與瀏覽器的後退按鈕一致,不需要引數

3、history.forward()  功能與瀏覽器的前進按鈕一致,不需要引數

4、history.length  瀏覽器記錄的條數,可以通過判斷length是否為0來判斷這是否是使用者開啟的第一個頁面

PS、每個視窗的history物件是獨立的

 

到這裡JS中的BOM物件就介紹完了,明天更客戶端檢測,也就是前端繞不開的瀏覽器相容(當然這裡指的不是樣式相容)