《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并不常用，但在创建自定义的后退和前进按钮，以及检测当前页是不是用户历史记录中的第一个页面时，必须使用它。