screen對(duì)象
- screen 對(duì)象在編程中用處并不大,基本是只用來(lái)表示客戶端的能力。
- 其中包括瀏覽器窗口外部的顯示器的信息,如像素寬度和高度等。
- 每個(gè)瀏覽器中的screen對(duì)象都包含著各不相同的屬性潮饱,下表列出了所有屬性及支持相應(yīng)屬性的瀏覽器。
屬 性 | 說(shuō) 明 | IE | Firefox | Safari/Chrome | Opera |
---|---|---|---|---|---|
availHeight | 屏幕的像素高度減系統(tǒng)部件高度之后的值(只讀) | - | ? | ? | ? |
availLeft | 未被系統(tǒng)部件占用的最左側(cè)的像素值(只讀) | ? | ? | - | |
availTop | 未被系統(tǒng)部件占用的最上方的像素值(只讀) | - | ? | ? | - |
availWidth | 屏幕的像素寬度減系統(tǒng)部件寬度之后的值(只讀) | ? | ? | ? | ? |
bufferDepth | 讀诫给、寫(xiě)用于呈現(xiàn)屏外位圖的位數(shù) | ? | - | - | - |
colorDepth | 用于表現(xiàn)顏色的位數(shù)香拉;多數(shù)系統(tǒng)都是32(只讀) | ? | ? | ? | ? |
deviceXDPI | 屏幕實(shí)際的水平DPI(只讀) | ? | - | - | - |
deviceYDPI | 屏幕實(shí)際的垂直DPI(只讀) | ? | - | - | - |
fontSmoothingEnabled | 表示是否啟用了字體平滑(只讀) | ? | - | - | - |
height | 屏幕的像素高度 | ? | ? | ? | ? |
left | 當(dāng)前屏幕距左邊的像素距離 | - | ? | - | - |
logicalXDPI | 屏幕邏輯的水平DPI(只讀) | ? | - | - | - |
logicalYDPI | 屏幕邏輯的垂直DPI(只讀) | ? | - | - | - |
pixelDepth | 屏幕的位深(只讀) | - | ? | ? | ? |
top | 當(dāng)前屏幕距上邊的像素距離 | - | ? | - | - |
updateInterval | 讀、寫(xiě)以毫秒表示的屏幕刷新時(shí)間間隔 | ? | - | - | - |
width | 屏幕的像素寬度 | ? | ? | ? | ? |
- 這些信息經(jīng)常集中出現(xiàn)在測(cè)定客戶端能力的站點(diǎn)跟蹤工具中中狂,但通常不會(huì)用于影響功能凫碌。不過(guò),有時(shí)候也可能會(huì)用到其中的信息來(lái)調(diào)整瀏覽器窗口大小胃榕,使其占據(jù)屏幕的可用空間盛险。
window.resizeTo(screen.availWidth, screen.availHeight);
history 對(duì)象
- history 對(duì)象保存著用戶上網(wǎng)的歷史記錄,從窗口被打開(kāi)的那一刻算起勋又。
- 出于安全方面的考慮苦掘,開(kāi)發(fā)人員無(wú)法得知用戶瀏覽過(guò)的URL。
- 借由用戶訪問(wèn)過(guò)的頁(yè)面列表楔壤,同樣可以在不知道實(shí)際URL 的情況下實(shí)現(xiàn)后退和前進(jìn)鹤啡。
- 使用go()方法可以在用戶的歷史記錄中任意跳轉(zhuǎn),可以向后也可以向前挺邀。這個(gè)方法接受一個(gè)參數(shù)揉忘,表示向后或向前跳轉(zhuǎn)的頁(yè)面數(shù)的一個(gè)整數(shù)值。負(fù)數(shù)表示向后跳轉(zhuǎn)(類(lèi)似于單擊瀏覽器的“后退”按鈕)端铛,正數(shù)表示向前跳轉(zhuǎn)(類(lèi)似于單擊瀏覽器的“前進(jìn)”按鈕)泣矛。
//后退一頁(yè)
history.go(-1);
//前進(jìn)一頁(yè)
history.go(1);
//前進(jìn)兩頁(yè)
history.go(2);
- 也可以給go()方法傳遞一個(gè)字符串參數(shù),此時(shí)瀏覽器會(huì)跳轉(zhuǎn)到歷史記錄中包含該字符串的第一個(gè)位置——可能后退禾蚕,也可能前進(jìn)您朽,具體要看哪個(gè)位置最近。如果歷史記錄中不包含該字符串换淆,那么這個(gè)方法什么也不做哗总。
//跳轉(zhuǎn)到最近的wrox.com 頁(yè)面
history.go("wrox.com");
//跳轉(zhuǎn)到最近的nczonline.net 頁(yè)面
history.go("nczonline.net");
- 使用back()和forward()可以模仿瀏覽器的“后退”和“前進(jìn)”按鈕。
//后退一頁(yè)
history.back();
//前進(jìn)一頁(yè)
history.forward();
- history 對(duì)象還有一個(gè)length 屬性倍试,保存著歷史記錄的數(shù)量讯屈。
if (history.length == 0){
//這應(yīng)該是用戶打開(kāi)窗口后的第一個(gè)頁(yè)面
}