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