JavaScript BOM——“screen 对象”和“history 对象”的注意要点 - 前端学习笔记
screen 对象
用处不大,screen 对象基本上只涌来表明客户端的能力:
availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。height 返回显示屏幕的高度。width 返回显示器屏幕的宽度。bufferDepth 设置或返回调色板的比特深度。colorDepth 返回目标设备或缓冲器上的调色板的比特深度。deviceXDPI 返回显示屏幕的每英寸水平点数。deviceYDPI 返回显示屏幕的每英寸垂直点数。logicalXDPI 返回显示屏幕每英寸的水平方向的常规点数。logicalYDPI 返回显示屏幕每英寸的垂直方向的常规点数。fontSmoothingEnabled 返回用户是否在显示控制面板中启用了字体平滑。pixelDepth 返回显示屏幕的颜色分辨率(比特每像素)。updateInterval 设置或返回屏幕的刷新率。
history 对象
可以通过 history 对象借由用户访问过的页面列表,在不知道实际 URL 的情况下实现后退和前进。
go()
方法
接收一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转,正数表示向前跳转。如:
history.go(-1); //后退一页history.go(1); //前进一页history.go(3); //前进三页
也可以传递给该参数一个字符串,如:
history.go("baidu.com"); //跳转到最近的 baidu.com 页面
back()
和forward()
方法
这两个方法可以模仿浏览器的后退和前进按钮如:
history.back(); //后退一页
length
属性
该属性保存着历史纪录的数量。对于加载的第一个页面而言,history.length 为0,通过下面的代码可以测试该属性的值,可以确定用户是否一开始就打开了你的页面:
if (history.length == 0){ //第一个页面}
history 对象虽然不常用,但在创建自定义的“后退”和“前进”的按钮,以及检测当前页面是不是用户历史纪录中的第一个页面时,还是必须使用它的。