以前我们操作的都是 window 下的 document 对象，他主要是浏览器的中的节点信息，是最重要的浏览器对象。接下来我记录的是一些浏览器不常用但一定会用到的其他对象，那就是 navigator 对象、location 对象、history 对象和 screen 对象。

该对象包含了浏览器的名称、版本、语言等信息，可以通过浏览器的 console 窗口敲一下 window.navigator 来看一下他具体包含的内容。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
appCodeName: "Mozilla"
appName: "Netscape"
appVersion: "5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.80 Safari/537.36"
cookieEnabled: true
doNotTrack: null
geolocation: Geolocation
hardwareConcurrency: 4
language: "zh-CN"
languages: Array[3]
maxTouchPoints: 0
mediaDevices: MediaDevices
mimeTypes: MimeTypeArray
onLine: true
permissions: Permissions
platform: "MacIntel"
plugins: PluginArray
presentation: Presentation
product: "Gecko"
productSub: "20030107"
serviceWorker: ServiceWorkerContainer
userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.80 Safari/537.36"
vendor: "Google Inc."
vendorSub: ""
webkitPersistentStorage: DeprecatedStorageQuota
webkitTemporaryStorage: DeprecatedStorageQuota

location 对象

该对象主要包含了浏览器地址栏的一些内容，比如当前地址栏的域名、协议、参数等等，都可以通过该属性获得。

1
2
3
4
5
6
7
8
9
10
11
12
13
ancestorOrigins: DOMStringList
assign: ()
hash: "#reply43"
host: "www.v2ex.com"
hostname: "www.v2ex.com"
href: "https://www.v2ex.com/t/243170#reply43"
origin: "https://www.v2ex.com"
pathname: "/t/243170"
port: ""
protocol: "https:"
reload: reload()
replace: ()
search: ""

history 对象

看名字就知道，是操作浏览器历史记录对象的。这个对象在浏览器里面敲命令没办法看到底有什么方法，但通过 window.history. 就能看到提示菜单。 屏幕快照 2015-12-13 下午5.34.05 其中比较重要的几个属性如下：

1
2
3
4
5
6
7
8
9
10
11
12
// 浏览器历史记录
length
// 后退，与浏览器后退按钮一样
back()
// 前进，与浏览器前进按钮一样
forward()
// 达到任意想去的历史记录，n 可以为正数也可以为负数
go(n)
// 前进两页
go(2)
// 后退一页
go(-1)

screen 对象

screen 对象主要描述了浏览器当前在显示器中的位置、坐标等信息。他的具体属性如下：

1
2
3
4
5
6
7
8
9
availHeight: 754
availLeft: 0
availTop: 0
availWidth: 1280
colorDepth: 24
height: 800
orientation: ScreenOrientation
pixelDepth: 24
width: 1280