window,document,html,body的区别

最新推荐文章于 2023-01-30 00:05:32 发布
原创 最新推荐文章于 2023-01-30 00:05:32 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文通过实例演示了不同浏览器窗体模型的尺寸获取方法，包括窗口尺寸、文档流尺寸及body元素尺寸，并展示了在不同浏览器状态下的变化情况。

我电脑屏幕分辨率：1440 * 900

最大化浏览器,刷新浏览器
alert((window).width()+"−−−"+(window).height()); 1423—768
alert((document).width()+"−−−"+(document).height()); 2008—2216
alert(("body").width()+"−−−"+(“body”).height()); 2000—2200

缩小浏览器，刷新页面
alert((window).width()+"−−−"+(window).height()); 变小
alert((document).width()+"−−−"+(document).height()); 不变
alert(("body").width()+"−−−"+(“body”).height()); 不变

由此可看出浏览器窗体模型:
(window)：浏览器当前窗口可视化的高度。(document):整个网页文档流
(“html”):就是html，嘿嘿(“body”):就是body，嘿嘿

了解 HTML 中的window、document、body和元素的尺寸及位置
一名全栈开发工程师
05-27 1428
本文将详细介绍与窗口（window）、文档（document）、主体（body）以及其他 HTML 元素的尺寸和位置相关的属性及方法。
解决VUE中document.body.scrollTop为0的问题
10-18
当开发者试图使用document.body.scrollTop来获取当前滚动条位置时，可能会遇到这个值一直返回0的情况。这种现象特别容易在不同浏览器之间出现兼容性问题，尤其在使用DOCTYPE声明时，不同浏览器可能有着不同的表现。 ...
html、body、document、window四者的区别是什么
lele的博客
01-11 1107
html 有多重意义，既是超文本传输协议，也是 HTML 文档的根元素，其他元素都是其子元素。 body body 元素包含了文档的可见内容，HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。 document document 对象是 window 的子属性，用来访问页面中的元素，保存着操作 DOM 的 API。 window window 对象在文档打开时自动创建，保存着 DOM，BOM，核心JS 等所有内容。 对于客户端 JS 而言，window
区分BOM和DOM，区分window、document、html、body
xswl134679的博客
01-30 922
BOM与DOM解释与分析、区分window、document、html、body。
document.body 和 document.documentElement
zanazh的专栏
10-29 670
1）document.body和document.documentElement比较：         document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。         IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHe
window document html body的区别
weixin_44805161的博客
09-09 475
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/isxixi/article/details/78559548 我电脑屏幕分辨率：1440 * 900 最大化浏览器,刷新浏览器 alert((window).width()+“−−−”+(window).width()+“−−−”+(wi...
document.body属性.document.body.scrollTop
04-18
3. **与window对象的scrollY区别**：虽然 `window.scrollY` 和 `document.body.scrollTop` 在很多情况下结果相同，但它们并不完全等价。`window.scrollY` 返回的是整个窗口（包括顶部固定元素）相对于浏览器顶部的...
Document.body.scrollTop的值总为零的快速解决办法
09-02
return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; } // 使用getScrollTop函数来判断返回顶部按钮是否显示 window.onscroll = function() { var sTop = ...
由document.body和document.documentElement想到的
09-06
在Web开发中，理解和掌握`document.body`和`document.documentElement`的区别至关重要，尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分：`document.body`指的是HTML文档的实际内容...
【基本概念】document / documentElement / html 和 body?
weixin_41604040的博客
12-02 1289
【一些概念】document / documentElement / html 和 body?document / documentElement / html 和 body?1. document2. html 和 body3.documentElement document / documentElement / html 和 body? 1. document 说到document一定要先提 DOM：document object model，翻译过来就是文档对象模型。 借用 DOM 是什么？ - 果
html中document.body 与 document.documentElement的区别
u011435776的博客
03-05 1423
项目中，经常会用到这两个来获取网页的滚动高度 const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //考虑浏览器兼容 但是具体有啥区别还是有点模糊，这里抽出时间整理一下。 1.document.body 返回html dom中的body节点 即<body> 2....
如何获取body和html元素、documentbody、documentElement
imkaifan的博客
11-26 1333
var myBody = document.body; // document.getElementsByTagName("body")[0] console.log(myBody); var myHtml = document.documentElement; console.log(myHtml);
html、body、document、window 的区别
明天也要努力的博客
07-06 2284
在 JavaScript 中：window 对象是一个虚拟的对象，浏览器在打开 HTML 文档时生成 window 对象，可以把它看作是所使用的浏览器的窗口，其地位很高。因为它是浏览器脚本引擎中的 globalObject。可以用 window 对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。BOM的核心对象是 window，它表示一个实例。在浏览器中，window 对象有双重角色，它既
HTTP：实体(body)数据
OceanStar的博客
10-29 1523
数据类型和编码 为什么需要 在TCP/IP协议栈里，传输数据基本上都是"header+body"的格式。但是TCP、UDP因为是传输层的协议，它们不会关心body数据是什么，只是要把数据发送到对方就算是完成了任务。 而HTTP协议则不同，它是应用层协议，数据到达之后工作只能说是完成了一半，还必须告诉上层应用这是什么数据才行，否则上层应用就会“不知所措” 你可以设想一下，假如 HTTP 没有告知数据类型的功能，服务器把“一大坨”数据发给了浏览器，浏览器看到的是一个“黑盒子”，这时候该怎么办呢？
HTML——<body> 计算机代码 【头部在“网站开发”中】
weixin_30646505的博客
05-19 176
HTML属性 完整的属性列表 在引用属性值的时候，如果某些属性本身就有双引号——name= 'John "ShotGun" Nelson' 转载于:https://www.cnblogs.com/expedition/p/10889312.html...
window、document、html和body的区别
mozuncangtianbaxue的博客
12-03 6147
转载自：http://www.jianshu.com/p/ed95cda2f5aa window的意思是窗口，它是指窗口大小的可视高度，不包括浏览器滚动条， 高度为document.documentElement.clientHeight; document的意思是文档，它是指具体的一个对象的内容高度，高度为对象的document.documentElement.scrollHeight; 在代码
jquery 获得html body,jQuery $(‘html,body’).not()
weixin_42311301的博客
06-15 837
您可以使用event参数查看单击的目标并返回false$("html, body").click(function(e) {if ($(e.target).hasClass('entry-content')) {return false;}alert('d');});​您正在使用.not()过滤器..但它仍然是您的html / body的一部分..因此您需要在click函数内处理它.你也只是绑定点...
【小5聊】jQuery基础之$(‘body,html‘).animate执行两次
小5聊的博客
09-06 1306
页面加载时，直接跳转到指定滚动条位置 1、执行两次的原因 由于$方法里填了body和html，导致方法认为animate方法执行两次 出现两次的效果 2、解决方法 直接使用document或者只设置一个值即可 修改后效果 ...
jQuery中animate()的方法以及$("body").animate({"scrollTop":top})不被Firefox支持问题的解决
热门推荐
干勾鱼的优快云博客
03-10 2万+
jQuery中animate()的方法可以去w3school查看，这里主要说一下：$("body").animate({"scrollTop":top})不被Firefox支持问题的解决。其实是使用body的：$("body").animate({"scrollTop":top})只被chrome支持，而不被Firefox支持。而使用html的：$("html").animate({"scrollT
html和body的区别,浅谈window、document、html和body的区别
weixin_28752627的博客
06-10 726
在学习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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值