html、body、document、window 的区别

简介: html、body、document、window 的区别

html 既是超文本传输协议,也是 HTML 文档的根元素,其他元素都是其子元素;

document 对象代表整个 html 文档,可用来访问页面中的所有元素;

body 代表 document 的主体子对象,除浏览器头部,页面中能够看到的内容都属于 body 中的内容;

window 代表浏览器中打开的窗口,代表运行环境。

在 JavaScript 中:window 对象是一个虚拟的对象,浏览器在打开 HTML 文档时生成 window 对象,可以把它看作是所使用的浏览器的窗口,其地位很高。因为它是浏览器脚本引擎中的 globalObject。可以用 window 对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

BOM的核心对象是 window,它表示一个实例。在浏览器中,window 对象有双重角色,它既是通过 js 访问浏览器窗口的一个接口,又是 ECMAScript 规定的 Global对象,它意味着在网页中定义的任何一个对象、变量和函数,都是以 window 作为其 Global对象,因此有权访问 isNaN()、isFinite()、parseInt() 等方法。

2020062310470442.png

html 元素对象、document 对象、document 元素对象的区别:

document 对象是一个跟当前文档相关的对象,拥有一些操作文档内容的功能,其功能上跟 window 对象差不多,因为window 拥有一些操作浏览器窗口的功能。但是 document 对象地位没有 window 对象高,window 拥有其他所有根对象的引用,包括 browser、navigator、location 等。html 元素对象和 document元 素对象是属于 html 文档的 dom 对象,可以认为就是 html 源代码中那些标签所化成的对象。他们跟 div select 等对象没有根本区别。

相关文章
|
1月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
72 2
|
2月前
|
前端开发
HTML 颜色的不用写法和最终显示效果的区别
HTML 中色彩的指定有多种方式,包括十六进制(如 `#FF5733`)、RGB(如 `rgb(255, 87, 51)`)、RGBA(如 `rgba(255, 87, 51, 0.5)`)、HSL(如 `hsl(14, 100%, 60%)`)、HSLA(如 `hsla(14, 100%, 60%, 0.5)`)以及直接使用颜色名称(如 `orange`)。这些方法虽然最终显示效果可能相同,但在使用场景和灵活性上各具优势。十六进制和 RGB 更常用,HSL 则便于调整颜色属性,而 RGBA 和 HSLA 增加了透明度选项,颜色名称则提高了代码的可读性。
WK
|
2月前
|
存储 移动开发 前端开发
HTML5和CSS5有什么区别
HTML5和CSS5在网页设计中扮演不同角色。HTML5是超文本标记语言的第五版,通过新特性如实时更新、跨平台运行及更好的安全性等,定义网页内容和结构。尽管常说CSS5,实际最新的CSS版本包含多个模块如CSS Grid和Flexbox,主要用于控制网页布局和样式,提供强大的选择器、动画支持和响应式设计,与HTML5相辅相成,共同构建现代网页的基础架构。
WK
47 3
|
2月前
|
前端开发 JavaScript
html中id和class的相同和不同之处及用法的规范与区别
在HTML中,`id`和`class`都用于标识和选择元素,但存在一些关键差异。
|
3月前
|
移动开发 前端开发 API
React路由和HTML5 History API有什么区别
【8月更文挑战第11天】React路由和HTML5 History API有什么区别
45 1
|
3月前
|
移动开发 前端开发 JavaScript
|
3月前
|
移动开发 编解码 UED
HTML5 中字体大小单位 em 和 rem 的区别
【8月更文挑战第24天】
202 0
|
3月前
|
XML 数据格式 开发者
|
3月前
|
移动开发 前端开发 JavaScript
HTML5 中 `id` 属性和 `class` 属性的区别
【8月更文挑战第24天】
93 0
|
5月前
|
XML 前端开发 JavaScript
HTML、CSS、JavaScript有什么区别
HTML、CSS、JavaScript有什么区别