浏览器 window 下子对象
浏览器 window 下子对象
我与梦想有个约会
发布于 2023-10-20 20:20:09
发布于 2023-10-20 20:20:09
代码可运行
运行总次数：0
代码可运行
以前我们操作的都是 window 下的 document 对象，他主要是浏览器的中的节点信息，是最重要的浏览器对象。接下来我记录的是一些浏览器不常用但一定会用到的其他对象，那就是 navigator 对象、location 对象、history 对象和 screen 对象。
navigator 对象
该对象包含了浏览器的名称、版本、语言等信息，可以通过浏览器的 console 窗口敲一下 window.navigator 来看一下他具体包含的内容。
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: DeprecatedStorageQuotalocation 对象
该对象主要包含了浏览器地址栏的一些内容，比如当前地址栏的域名、协议、参数等等，都可以通过该属性获得。
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. 就能看到提示菜单。
其中比较重要的几个属性如下：
// 浏览器历史记录
length
// 后退，与浏览器后退按钮一样
back()
// 前进，与浏览器前进按钮一样
forward()
// 达到任意想去的历史记录，n 可以为正数也可以为负数
go(n)
// 前进两页
go(2)
// 后退一页
go(-1)screen 对象
screen 对象主要描述了浏览器当前在显示器中的位置、坐标等信息。他的具体属性如下：
availHeight: 754
availLeft: 0
availTop: 0
availWidth: 1280
colorDepth: 24
height: 800
orientation: ScreenOrientation
pixelDepth: 24
width: 1280本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2015-12-13，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
