JavaScript高级程序设计之BOM之screen 对象& history 对象第8.3讲笔记

8.4 screen 对象

JavaScript 中有几个对象在编程中用处不大，而screen 对象就是其中之一。screen 对象基本上只

用来表明客户端的能力，其中包括浏览器窗口外部的显示器的信息，如像素宽度和高度等。每个浏览器
中的screen 对象都包含着各不相同的属性，下表列出了所有属性及支持相应属性的浏览器。





这些信息经常集中出现在测定客户端能力的站点跟踪工具中，但通常不会用于影响功能。不过，有

时候也可能会用到其中的信息来调整浏览器窗口大小，使其占据屏幕的可用空间，例如：

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

前面曾经提到过，许多浏览器都会禁用调整浏览器窗口大小的能力，因此上面这行代码不一定在所

有环境下都有效。

涉及移动设备的屏幕大小时，情况有点不一样。运行iOS 的设备始终会像是把设备竖着拿在手里一

样，因此返回的值是768×1024。而Android 设备则会相应调用screen.width 和screen.height 的值。

8.5 history 对象

history 对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。因为history 是window

对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history 对象与特定的

window 对象关联。出于安全方面的考虑，开发人员无法得知用户浏览过的URL。不过，借由用户访问

过的页面列表，同样可以在不知道实际URL 的情况下实现后退和前进。

使用go()方法可以在用户的历史记录中任意跳转，可以向后也可以向前。这个方法接受一个参数，

表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转（类似于单击浏览器的“后退”按钮），

正数表示向前跳转（类似于单击浏览器的“前进”按钮）。来看下面的例子。

//后退一页
history.go(-1);
//前进一页
history.go(1);
//前进两页
history.go(2);
也可以给go()方法传递一个字符串参数，此时浏览器会跳转到历史记录中包含该字符串的第一个

位置——可能后退，也可能前进，具体要看哪个位置最近。如果历史记录中不包含该字符串，那么这个

方法什么也不做，例如：
//跳转到最近的wrox.com 页面
history.go("wrox.com");
//跳转到最近的nczonline.net 页面
history.go("nczonline.net");另外，还可以使用两个简写方法back()和forward()来代替go()。顾名思义，这两个方法可以

模仿浏览器的“后退”和“前进”按钮。
//后退一页

history.back();

//前进一页

history.forward();

除了上述几个方法外，history 对象还有一个length 属性，保存着历史记录的数量。这个数量

包括所有历史记录，即所有向后和向前的记录。对于加载到窗口、标签页或框架中的第一个页面而言，

history.length 等于0。通过像下面这样测试该属性的值，可以确定用户是否一开始就打开了你的

页面。

if (history.length == 0){

//这应该是用户打开窗口后的第一个页面

}

虽然history 并不常用，但在创建自定义的“后退”和“前进”按钮，以及检测当前页面是不是

用户历史记录中的第一个页面时，还是必须使用它。

当页面的URL 改变时，就会生成一条历史记录。在IE8 及更高版本、Opera、

Firefox、Safari 3 及更高版本以及Chrome 中，这里所说的改变包括URL 中hash 的变

化（因此，设置location.hash 会在这些浏览器中生成一条新的历史记录）。    

8.6

小结

浏览器对象模型（BOM）以window 对象为依托，表示浏览器窗口以及页面可见区域。同时，window

对象还是ECMAScript 中的Global 对象，因而所有全局变量和函数都是它的属性，且所有原生的构造

函数及其他函数也都存在于它的命名空间下。本章讨论了下列BOM 的组成部分。

在使用框架时，每个框架都有自己的window 对象以及所有原生构造函数及其他函数的副本。

每个框架都保存在frames 集合中，可以通过位置或通过名称来访问。

有一些窗口指针，可以用来引用其他框架，包括父框架。

top 对象始终指向最外围的框架，也就是整个浏览器窗口。

parent 对象表示包含当前框架的框架，而self 对象则回指window。

使用location 对象可以通过编程方式来访问浏览器的导航系统。设置相应的属性，可以逐段

或整体性地修改浏览器的URL。

调用replace()方法可以导航到一个新URL，同时该URL 会替换浏览器历史记录中当前显示

的页面。

navigator 对象提供了与浏览器有关的信息。到底提供哪些信息，很大程度上取决于用户的浏

览器；不过，也有一些公共的属性（如userAgent）存在于所有浏览器中。

BOM 中还有两个对象：screen 和history，但它们的功能有限。screen 对象中保存着与客户端

显示器有关的信息，这些信息一般只用于站点分析。history 对象为访问浏览器的历史记录开了一个

小缝隙，开发人员可以据此判断历史记录的数量，也可以在历史记录中向后或向前导航到任意页面。