JavaScript window对象和document 对象

最新推荐文章于 2024-12-21 08:45:00 发布

断水流大大大师兄

最新推荐文章于 2024-12-21 08:45:00 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_49087505/article/details/121806845

版权

本文详细介绍了JavaScript中的window对象和document对象。window对象是浏览器对象模型的基类，代表浏览器中打开的窗口，包含navigator、screen、history、location和document等子对象。全局变量和函数都是window对象的成员。document对象则是HTML文档的根节点，通过它可以访问和操作页面元素。两者关系上，document是window的属性，用于表示HTML文档。

摘要由CSDN通过智能技术生成

window对象

什么是window对象

是什么：window - 浏览器对象模型（也称BOM），表示浏览器中打开的窗口。一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对象。
作用：浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。
window 是客户端浏览器对象模型的基类，window 对象是客户端 JavaScript 的全局对象。

window访问客户端对象

window 对象可以访问客户端其他对象，这种关系构成浏览器对象模型，window对象代表根节点，浏览器对象关系的关系如图所示，每个对象说明如下。

window：客户端 JavaScript 顶层对象。每当或标签出现时，window 对象就会被自动创建。

navigator：包含客户端有关浏览器信息。

screen：包含客户端屏幕的信息。

history：包含浏览器窗口访问过的 URL 信息。 location：包含当前网页文档的 URL信息。

document：包含整个 HTML 文档，可被用来访问文档内容及其所有页面元素。

注：
window对象的 window 属性指向这个window对象本身。即：window === window.window === window.window.window ===…
类似于：我的我，还是我

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head

最低0.47元/天解锁文章