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 等对象没有根本区别。

相关文章
|
23小时前
|
前端开发
CSS和HTML的区别
CSS和HTML的区别。
10 2
|
23小时前
|
Python
DTL与普通的HTML文件的区别
DTL与普通的HTML文件的区别。
68 5
|
23小时前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
51 0
|
23小时前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
19 1
|
23小时前
|
XML 存储 前端开发
【Web 前端】HTML、XHTML、XML 有什么区别?
【4月更文挑战第22天】【Web 前端】HTML、XHTML、XML 有什么区别?
|
23小时前
html_ifream与父级窗口之间的数据传递(window和document)
html_ifream与父级窗口之间的数据传递(window和document)
16 0
|
23小时前
|
JavaScript 前端开发 数据安全/隐私保护
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
HTML中表单元素和表格元素分别是什么,有什么区别,列举几个代码
11 0
|
23小时前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
32 0
|
23小时前
|
XML 存储 数据格式
SGML .HTML 、XML和XHTML的区别?
SGML .HTML 、XML和XHTML的区别?
35 0
|
23小时前
|
JavaScript 测试技术
html2canvas将document DOM节点转换为图片,并下载到本地
html2canvas将document DOM节点转换为图片,并下载到本地