《JS高程(3)》BOM-04(screen)-第8章筆記(09)

screen對象

用途:表明客戶端的能力,包括瀏覽器窗口外部的顯示器的信息。

屬性 說明
availHeight 屏幕的像素高度減系統部件高度之後的值(只讀)
availWidth 屏幕的像素寬度減系統部件高度之後的值(只讀)
avaiLeft 未被系統部件佔用的最左側的像素值(只讀)
availTop 未被系統部件佔用的最右側的像素值(只讀)
colorDepth 用於表現顏色的位數:多數系統都是32(只讀)
width 屏幕的像素寬度(只讀)
height 屏幕的像素高度(只讀)

用於測定客戶端能力的站點跟蹤工具中,但通常不會用於影響功能,用來調整瀏覽器窗口的大小:

window.resizeTo(screen.availWidth, screen.availHeight);

iOS設備始終會返回豎屏時尺寸,如768*1024;
Android設備則會調用screen.width和screen.height的值。

history對象

history對象:保存着用戶上網的歷史記錄,從窗口被打開的那一刻算起。

history安全性:開發人員無法得知用戶瀏覽過的URL。

後退和前進:通過訪問過的頁面列表,在不知道實際URL的情況下實現。

go()方法

可以在用戶的歷史記錄中任意跳轉,可向前/向後。
參數:只接受一個參數,正整數表示向前,負整數表示向後

//後退一頁
history.go(-1);
//前進一頁
history.go(1);
//前進兩頁
history.go(2);

參數:字符串,表示瀏覽器會跳轉到歷史記錄中包含該字符串的第一個位置,若不包含則什麼也不做。

//跳轉到最近的wrox.com頁面
history.go("wrox.com");
//跳轉到最近的nczonline.com頁面
history.go("nczonline.com");

back()和forward()來代替go(),可以模擬瀏覽器“後退”“前進”按鈕。

//後退一頁
history.back();

//前進兩頁
history.forward();
length屬性

保存歷史記錄的數量,包括所有歷史記錄,包括所有向前和向後的記錄。

對於加載到窗口、標籤頁或第一個頁面而言,history.length等於0 。

可用來確認用戶是否一開始就打開了你的頁面、

if(history.length == 0){
    // 這應該是用戶打開窗口的第一個頁面
}

history並不常用,但在創建自定義的後退和前進按鈕,以及檢測當前頁是不是用戶歷史記錄中的第一個頁面時,必須使用它。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章