什么是window对象?什么是document对象?
时间: 2025-01-06 09:47:12 浏览: 54
### Window对象和Document对象的定义及作用
#### Window对象
`Window`对象表示浏览器窗口或框架,是浏览器对象模型(BOM)[^2]的核心部分。作为顶级对象,在网页加载时自动创建并始终存在。所有的全局变量、函数都属于这个对象的一部分。
- **特点**
- `window`不仅是一个普通的JavaScript对象,还是ECMAScript标准里的Global对象。
- 浏览器环境下的任何脚本都可以直接访问其属性与方法而无需显式声明。
- **主要职责**
- 提供对整个浏览器窗口的操作接口,比如调整大小、移动位置等。
- 负责管理页面生命周期事件(如加载完成、关闭前确认)。
- 组织其他重要的内置组件,像`location`, `history`, `navigator`等等。
```javascript
console.log(this === window); // true, 在全局上下文中 this 就是指向 window 的
```
#### Document对象
`Document`则是DOM(Document Object Model)树结构的具体体现形式之一,用于描述HTML文档的内容及其层次关系。它是`Window`的一个重要子对象,可以通过`window.document`来获取[^1]。
- **功能概述**
- 表达当前正在显示于视窗内的Web资源——即HTML文件本身。
- 支持多种方式查询节点元素,例如通过ID(`getElementById`)、名称(`getElementsByName`)或是标签名(`getElementsByTagName`)查找特定项。
- 具备修改现有内容的能力,允许动态添加新元素或者更新已有数据。
- **操作实例**
```javascript
// 向body内追加一段文字
let p = document.createElement('p');
p.textContent = '这是新增的一句话';
document.body.appendChild(p);
```
阅读全文
相关推荐














