window、document、html和body的区别

最新推荐文章于 2025-07-19 12:51:39 发布
转载 最新推荐文章于 2025-07-19 12:51:39 发布 · 6.1k 阅读 · 2
文章标签：

#window body html doc

本文解释了在网页中window和document的区别，window表示浏览器可视窗口的高度（不包括滚动条），而document表示页面内容的实际高度。在标准浏览器中，html元素的高度通常等同于body元素的高度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转载自：http://www.jianshu.com/p/ed95cda2f5aa


window的意思是窗口，它是指窗口大小的可视高度，不包括浏览器滚动条，
高度为document.documentElement.clientHeight;
document的意思是文档，它是指具体的一个对象的内容高度，高度为对象的document.documentElement.scrollHeight;
在代码里面可以看到，body是包含在html里的，在标准浏览器里面html部分是等于body部分的。
了解 HTML 中的window、document、body和元素的尺寸及位置
一名全栈开发工程师
05-27 1256
本文将详细介绍与窗口（window）、文档（document）、主体（body）以及其他 HTML 元素的尺寸和位置相关的属性及方法。
2022-02-05 window,html,body和document的区别,BOM和DOM相关知识点
GAARA
02-05 420
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
html、body、document、window四者的区别是什么
lele的博客
01-11 1091
html 有多重意义，既是超文本传输协议，也是 HTML 文档的根元素，其他元素都是其子元素。 body body 元素包含了文档的可见内容，HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。 document document 对象是 window 的子属性，用来访问页面中的元素，保存着操作 DOM 的 API。 window window 对象在文档打开时自动创建，保存着 DOM，BOM，核心JS 等所有内容。 对于客户端 JS 而言，window
html、body、document、window 的区别
明天也要努力的博客
07-06 2207
在 JavaScript 中：window 对象是一个虚拟的对象，浏览器在打开 HTML 文档时生成 window 对象，可以把它看作是所使用的浏览器的窗口，其地位很高。因为它是浏览器脚本引擎中的 globalObject。可以用 window 对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。BOM的核心对象是 window，它表示一个实例。在浏览器中，window 对象有双重角色，它既
window、DOM、document、html 他们之间的关系是什么？
最新发布
iov_a的博客
07-19 795
window是浏览器的全局对象，包含了documentdocument是 DOM 树的入口，DOM 表示整个网页结构，而<html>是这棵 DOM 树的根节点。
html中document和Document的区别。
fxn_dudududu的博客
07-05 2015
最近，用sublime写html时，获取选择器的值时，用到了document.get….的方法。在sublime中输入docu时，下面会自动的补充完，我一开始也没怎么注意，补全的是Document，注意，注意，是Document。当我开始运行的时候，发现代码不对，这时，我才注意到这两者是有区别的。 document： document对象是HTMLDocument对象的一个实例，表示整个HTML页面，又叫做页面的根节点； Docum： Dcoment表示文档，这里的文档可以是HTML文档，也可以是XML文档
html Window与document区别
程序菜鸟尐蕏 β的博客
05-29 3970
Window -- 代表浏览器中一个打开的窗口：对象属性　　window //窗口自身　　window.self //引用本窗户window=window.self　　window.name //为窗口命名　　window.defaultStatus //设定窗户状态栏信息　　window.location //URL地址，配备布置这个属性可以打开新的页面对象方法　　window.alert("t...
html和body的区别,浅谈window、document、html和body的区别
weixin_28752627的博客
06-10 715
在学习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...
解决VUE中document.body.scrollTop为0的问题
10-18
当开发者试图使用document.body.scrollTop来获取当前滚动条位置时，可能会遇到这个值一直返回0的情况。这种现象特别容易在不同浏览器之间出现兼容性问题，尤其在使用DOCTYPE声明时，不同浏览器可能有着不同的表现。 ...
判断目标是否是window,document,和拥有tagName的Element的代码
09-05
在JavaScript编程中，有时我们需要确定一个变量或对象是指向`window`、`document`或具有`tagName`属性的HTML元素。这些检查可以帮助我们确保代码在处理不同类型的对象时能够正确运行。以下是一些用于判断这些特定...
由document.body和document.documentElement想到的
09-06
在Web开发中，理解和掌握`document.body`和`document.documentElement`的区别至关重要，尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分：`document.body`指的是HTML文档的实际内容...
JavaScript window.document的属性、方法和事件小结
10-27
标题中提到的“JavaScript window.document的属性、方法和事件小结”涉及了JavaScript中操作DOM的核心部分，其中window.document对象是整个浏览器环境窗口中代表HTML文档的根节点。通过这个对象，可以访问和操作HTML...
区分BOM和DOM，区分window、document、html、body
xswl134679的博客
01-30 894
BOM与DOM解释与分析、区分window、document、html、body。
window 对象触发事件（ body 标签）
Charles
10-13 974
在做一个（自娱自乐的）网站时，其中有一个功能是用户单点登录，这倒是实现了，可是每次用户退出网站的时候只能通过注销的方式来退出系统，不然下次还想登就得等6个小时（后台设计）。因此这样及其不方便。目前的要求是，用户点击了关闭浏览器页面，就自动执行注销功能，因此，查了点资料，就随后（乱）写了一个相应的。现在已经实现了。 利用<body>中的触发事件就能做到：（如下eclipse的提示） ...
window、body及obj的一些页面宽高属性
weixin_43843044的博客
01-08 633
1.window.innerWidth=&gt;返回窗口的文档显示区的宽度。 window.innerHeight=&gt;返回窗口的文档显示区的高度。 window.outerWidth=&gt;设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。 window.outerHeight=&gt;设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。 2. body.c...
body和html到底有多高&&浏览器的背景色问题
小丸子的Blog
08-26 3596
在此之前我一直以为在浏览器里html默认和浏览器窗口等高，而body默认和html等高，现在想想自己为什么会这么想，主要是因为这个: body{ background:blue; }当我这么干的时候，得到了这个结果： 看，body的背景色占据了整个浏览器窗口，这样想来body撑开浏览器什么的也不是匪夷所思了，但书上告诉我们正常情况的高度是不会继承的，那么这个body到底有多高呢？
怎么样让body、div占满整个浏览器的窗口
梁同学与Android
11-13 1652
设置如下代码: html,body{ height: 100%; }
window.onload和body的区别？？
xiaowei的博客
12-09 693
window.onload和body的区别：还没弄清！看下断代码，放在body后面可正确执行，放在window.onload提示不能找到loginBtn回车键enter，登录：function enterExecute(){ if (event.keyCode==13) //回车键的键值为13 document.getElementById('btn').click();
window.document.body简写
03-16
`window.document.body` 是 JavaScript 中访问 HTML 文档中 `<body>` 标签的方式。它返回 `<body>` 元素的引用，可以用于操作 `<body>` 元素及其子元素的属性和方法。 注意，代码中的 `window` 对象可以省略，因为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值