以前我们操作的都是 window 下的 document 对象,他主要是浏览器的中的节点信息,是最重要的浏览器对象。接下来我记录的是一些浏览器不常用但一定会用到的其他对象,那就是 navigator 对象、location 对象、history 对象和 screen 对象。
navigator 对象
该对象包含了浏览器的名称、版本、语言等信息,可以通过浏览器的 console 窗口敲一下 window.navigator 来看一下他具体包含的内容。
代码语言:javascript复制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 对象
该对象主要包含了浏览器地址栏的一些内容,比如当前地址栏的域名、协议、参数等等,都可以通过该属性获得。
代码语言:javascript复制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.
就能看到提示菜单。
其中比较重要的几个属性如下:
代码语言:javascript复制// 浏览器历史记录
length
// 后退,与浏览器后退按钮一样
back()
// 前进,与浏览器前进按钮一样
forward()
// 达到任意想去的历史记录,n 可以为正数也可以为负数
go(n)
// 前进两页
go(2)
// 后退一页
go(-1)
screen 对象
screen 对象主要描述了浏览器当前在显示器中的位置、坐标等信息。他的具体属性如下:
代码语言:javascript复制availHeight: 754
availLeft: 0
availTop: 0
availWidth: 1280
colorDepth: 24
height: 800
orientation: ScreenOrientation
pixelDepth: 24
width: 1280