haizlin/fe-interview

[js] 第636天 请说说html、body、document、window四者的区别是什么?

Opened this issue · 3 comments

第636天 请说说html、body、document、window四者的区别是什么?

#157

3+1官网

我也要出题

html

有多重意义,既是超文本传输协议,也是 HTML 文档的根元素,其他元素都是其子元素。

body

body 元素包含了文档的可见内容,HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。

document

document 对象是 window 的子属性,用来访问页面中的元素,保存着操作 DOM 的 API。

window

window 对象在文档打开时自动创建,保存着 DOM,BOM,核心JS 等所有内容。
对于客户端 JS 而言,window 对象是其全局对象,通过访问 window 对象提供的客户端 API 操作DOM,发起网络请求,进行本地存储,开启定时器,获取浏览器信息等各种能力。

按嵌套关系来看:
window > docum > html > body

html

有多重意义,既是超文本传输协议,也是 HTML 文档的根元素,其他元素都是其子元素。

body

body 元素包含了文档的可见内容,HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。

document

document 对象是 window 的子属性,用来访问页面中的元素,保存着操作 DOM 的 API。

window

window 对象在文档打开时自动创建,保存着 DOM,BOM,核心JS 等所有内容。 对于客户端 JS 而言,window 对象是其全局对象,通过访问 window 对象提供的客户端 API 操作DOM,发起网络请求,进行本地存储,开启定时器,获取浏览器信息等各种能力。

这里是不是超文本标记语言呀,打错字了吧