html、body、document、window四者的区别是什么

最新推荐文章于 2023-01-30 00:05:32 发布
最新推荐文章于 2023-01-30 00:05:32 发布
阅读量933 收藏 3
点赞数 2
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40639990/article/details/112477216
版权

html

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

body

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

document

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

window

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

love-study-lele
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中使用了document和window哪些属性和方法小结
01-21
document.activeElement获取文档当前获得焦点的元素 document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( “head” )[0] ，可见并非所有浏览器支持 document.body获得当前文档的HTMLBodyElement元素 document.compatMode 获取当前文档的渲染方式。返回值：BackCompat（怪癖模式）和CSS1Compat（标准模式）。 由于IE 8多达五种渲染模式，所以判断是否是怪癖模式需要借助于IE独有的document.documentMo
2022-02-05 window,html,body和document的区别,BOM和DOM相关知识点
GAARA
02-05 270
1.window,html,body和document的定义 html body window document 2.window,html,body和document的区别 3.document.body 和 document.documentElement的区别 4.document.body.clientWidth、document.documentElement.clientWidth和window.innerWidth的区别 示例 结论 5.复习:BOM和DOM BOM(Browser Objec
JavaScript中的window对象详解
weixin_45819386的博客
09-09 1万+
1.window对象简介 （1）在JavaScript中，一个浏览器窗口就是一个window对象。 （2）一个窗口就是一个window对象，这个窗口里面的HTML文档就是一个document对象，document对象是window对象的子对象。 window对象的子对象分很多种： 子对象 说明 document 文档对象用于操作页面元素 location 地址对象用于操作URL地址 navigator 浏览器对象用于获取浏览器版本信息 history 历史对象用于操作浏览器历
window.innerWidth、document.body.clientWidth和html的大小的区别
weixin_30765319的博客
12-15 590
　　首先，我们知道document.body指向的就是body元素，如此，我们就可以以document.body来获取body的大小。何以知之？如下代码： var body = document.querySelector('body'); console.log(body == document.body); 　　结果显示的是true。 　　同样的document.documen...
javascript基础学习
zero的专栏
05-04 767
JavaScript编程技术 1.Date对象中常用的方法：getDate、getDay、getHours、getMinutes、getMonth、getSeconds、getTime、getYear以及相应的set方法。   2.Math对象的使用：Math.数学函数（参数）   3.eval()函数:接受一个字符串形式的表达式，并执行该表达式   4.parseInt()函数/p
html、body、document、window 的区别
明天也要努力的博客
07-06 1751
在 JavaScript 中：window 对象是一个虚拟的对象，浏览器在打开 HTML 文档时生成 window 对象，可以把它看作是所使用的浏览器的窗口，其地位很高。因为它是浏览器脚本引擎中的 globalObject。可以用 window 对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。BOM的核心对象是 window，它表示一个实例。在浏览器中，window 对象有双重角色，它既
window、document、html和body的区别
mozuncangtianbaxue的博客
12-03 6026
转载自：http://www.jianshu.com/p/ed95cda2f5aa window的意思是窗口，它是指窗口大小的可视高度，不包括浏览器滚动条， 高度为document.documentElement.clientHeight; document的意思是文档，它是指具体的一个对象的内容高度，高度为对象的document.documentElement.scrollHeight; 在代码
区分BOM和DOM，区分window、document、html、body
xswl134679的博客
01-30 728
BOM与DOM解释与分析、区分window、document、html、body。
html和body的区别,浅谈window、document、html和body的区别
weixin_28752627的博客
06-10 637
在学习html的过程中，很多同学都会把window、doucment、 html和body四者混淆，现将四者的区别进行分别阐述:Document*{margin:0;padding:0;}#box{width:100px;height:100px;background:aqua;}window.onload=function(){//window的高度var oC=document.documen...
第八章 浏览器对象document
彼岸花的博客
12-20 333
第八章 浏览器对象document章节目录(一)、JavaScript 计时器(二)、JavaScript页面访问记录(History 对象)
JavaScript的document对象和window对象详解
01-19
[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用标记创建(该属性本身也是一个对象) anchors array 列出...
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body....
prevent-window-scroll:a light script with prevent body scroll when part scroll, 浮动层局部滚动时，阻止页面整体滚动
05-11
prevent-window-scroll a light script with prevent body scroll when part scroll, and it has no dependancy. 弹层局部滚动时，阻止页面整体滚动 特点： 1、无依赖，原生js实现； 2、经测试兼容90%以上的浏览器；...
iframe读取document出现拒绝访问
08-23
iframe.document出现拒绝访问。 threw an exception of type 'System.UnauthorizedAccessException' dynamic {System.UnauthorizedAccessException}
html中document和Document的区别。
fxn_dudududu的博客
07-05 1807
最近，用sublime写html时，获取选择器的值时，用到了document.get….的方法。在sublime中输入docu时，下面会自动的补充完，我一开始也没怎么注意，补全的是Document，注意，注意，是Document。当我开始运行的时候，发现代码不对，这时，我才注意到这两者是有区别的。 document： document对象是HTMLDocument对象的一个实例，表示整个HTML页面，又叫做页面的根节点； Docum： Dcoment表示文档，这里的文档可以是HTML文档，也可以是XML文档
document.documentElement和document.body的区别
热门推荐
菜鸟史
04-15 1万+
网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动： window.onscroll = function () { var div = document.getElementById("div"); div.style.top = document.body.scrollTop + "px"
document和document.body的区别
xiliuhu的专栏
09-04 3073
二者的区别从html代码中看是非常明显的，document包括全部，而document.body只包括标签中的内容；可二者在页面视图上的区别也很简单，但似乎不太引人注意！以下代码作为演示："-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http:/
$(window).scrollTop()和$(document).scrollTop()区别
骆小胖~
08-24 4777
对浏览器窗口的滚动条，两者在ie下有兼容性，       jQuery中，$(document).scrollTop()与 $(window).scrollTop()效果完全相同       但是，$(window).scrollTop()被所有浏览器支持所以，以后尽量用$(window).scrollTop()
window.document.body简写
最新发布
03-16
`window.document.body` 是 JavaScript 中访问 HTML 文档中 `<body>` 标签的方式。它返回 `<body>` 元素的引用，可以用于操作 `<body>` 元素及其子元素的属性和方法。 注意，代码中的 `window` 对象可以省略，因为它是全局对象，可以直接访问。因此，`window.document.body` 可以简写为 `document.body`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值