也许你会混淆window和document

最新推荐文章于 2021-10-24 22:51:41 发布

转载最新推荐文章于 2021-10-24 22:51:41 发布 · 501 阅读

文章标签：

#javascript

《JavaScript高级程序设计》第三版专栏收录该内容

48 篇文章

订阅专栏

本文解释了Web开发中Window与Document的基本概念。Window是浏览器中顶级对象，管理着页面的全局环境，而Document则是由Window创建的对象，负责管理HTML文档结构。文章还探讨了iframe与Window的关系，以及如何在JavaScript中引用不同层级的Window对象。

window是什么？
1.浏览器打开的窗口（标签）
2.打开网页时，浏览器会为网页建立一个全局的window对象
3.我们可以这么认为：window是顶级对象（好比皇帝），包括document都属于window
4.在js中，可以用self来返回当前窗口的window

引申一下：
1.假设一个网页里包含了1个或多个iframe，那么浏览器也会为每个iframe创建一个window对象。但它们都有一个共同的『父皇』，也就是浏览器第一个创建的window顶级对象。其他小iframe好比诸侯国。
iframe的引用方法：<iframe src="child.html"></iframe>
同样，在诸侯国里可以通过self.parent来引用到它的领导，通过self.top来引用到最顶级的『父皇』

document是什么
1.受命于window
2.统管着所有html
3.好比是宰相

document的几个属性
1.document.head 姑且认为是网页<head></head>区域
2.document.body 姑且认为是网页<body></body>区域
3.document.title 网页标题
4.XXX.innerHTML 返回元素开始和结束标签之间的HTML