JavaScript中window对象的成员属性（总结分享）
最新回答
凉风有信
2026-10-23 00:30:53
window对象作为JavaScript的顶层对象，其成员属性涵盖浏览器窗口控制、环境信息获取及全局变量管理等功能，主要分为以下几类：
1. 核心属性
- window.name：默认值为空字符串，特性是跨页面持久化（不同域名下仍保留），支持约2MB数据存储。
- 窗口尺寸相关：
outerHeight/outerWidth：返回窗口外部总高度/宽度（含工具栏、滚动条等界面元素）。
innerHeight/innerWidth：返回文档显示区高度/宽度（不含浏览器界面元素）。
screenX/screenY：返回浏览器窗口相对于屏幕左上角的坐标位置。
2. BOM子对象属性
- document：指向当前窗口的文档对象，用于操作DOM（如window.document.getElementById()）。
- location：提供当前URL信息，支持读写操作：
hostname：域名（如example.com）。
pathname：路径及文件名（如/path/page.html）。
search：查询字符串（?后部分）。
protocol：协议类型（http:或https:）。
- navigator：包含浏览器及系统信息，常用于环境检测：
userAgent：浏览器内核标识（含移动端判断关键词Mobile）。
cookieEnabled：是否启用Cookie。
platform：操作系统类型（如Win32）。
- screen：客户端屏幕信息，如分辨率（screen.width/screen.height）。
- history：管理浏览器历史记录（如history.back()）。
3. 全局变量与函数
所有全局变量和函数自动成为window对象的属性和方法，调用时可省略window.前缀。例如：
- 全局变量var x = 10;等价于window.x。
- 全局函数function foo() {}等价于window.foo()。
4. 特殊属性
- window.event：在事件处理函数中自动获取事件对象（仅IE兼容，现代标准需通过参数传递）。
- window.frames：返回当前窗口的所有子框架集合（若存在<iframe>）。
注意事项
- 跨域限制：部分属性（如window.parent）在跨域场景下可能受限。
- 性能影响：频繁访问outerHeight等属性可能触发重排（Reflow），需谨慎使用。
- 移动端适配：通过navigator.userAgent检测移动设备时，建议结合响应式设计替代硬编码判断。
window对象的属性是浏览器与JavaScript交互的桥梁，合理使用可实现窗口控制、环境检测及全局状态管理等功能。
热门标签
