用document.body.clientWidth不能获取准确值的问题

最新推荐文章于 2023-02-20 20:27:19 发布
最新推荐文章于 2023-02-20 20:27:19 发布
阅读量1w 收藏 1
点赞数
分类专栏： 网站前台布局以及UI技术 文章标签： xhtml html 文档 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tmoonlight/article/details/2471078
版权
 网络上普遍使用document.body.clientHeight和document.body.clientWidth获得窗口的高和宽。但是使用VS2005创建的页面中,却无法使用这两个属性获得准确的窗口高度和宽度。 原因: VS2005创建的页面遵循XHTML 1.0文档标准, 在HTML的头中声明如下:        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 解决方法: 使用document.documentElement.clientHeight和document.documentElement.clientWidth来取得窗口的高度和宽度。
tmoonlight
关注
专栏目录
clientWidth/offsetWidth/scrollWidth获取为值非自身实际宽度而是屏幕宽度
bigPatrickstar的博客
05-07 535
clientWidth/offsetWidth/scrollWidth 今天碰到了三个老 6 获取值老是为屏幕的宽度而不是自身宽度，代码如下 <body> <div class="parent"> <div class="children"></div> </div> </body> <script> const element = document.querySelector(".children"); c
document.body.clientHeight不能正确取到浏览器页面高度
weixin_34375054的博客
02-06 9255
2019独角兽企业重金招聘Python工程师标准>>> ...
document.documentElement.clientWidth
CL1250887989的博客
04-25 324
关于获取各种浏览器可见窗口大小的一点点研究<script>function getInfo(){var s = "";s = " 网页可见区域宽：" document.body.clientWidth;s = " 网页可见区域高：" document.body.clientHeight;s = " 网页可见区域宽：" document.body.offsetWidth " (...
网页宽高clientWidth clientHeight获得数值不对的问题
weixin_30663391的博客
07-12 2985
当网页内容撑不满一屏时，通过以下代码获得整个网页高度会有问题 document.body.clientHeight;document.body.clientWidth;得到的宽高不对，可能是因为html与body标签缺一个样式：height:100%设置如下： html{ height: 100%; overflow: h...
clientWidth，clientHeight 窗口宽高获取异常问题记录
qq_41206597的博客
03-18 1792
获取窗口可视化宽高，实际获取与，盒模型展示差异问题解决记录
offsetHeight、offsetWidth、clientWidth、clientHeight无法获取值得问题
zmx760102412的博客
04-15 6325
获取offsetWidth，和clientWidth的值时弹窗为0，在CSDN上询问了一下才明白了原因：在HTML的声明下，屏幕宽高是隐藏的，如果想要获得值，就需要在css中定义一下HTML和body的高度为100%。
document.documentElement和document.body区别介绍
09-05
例如，获取浏览器的宽度和高度，如果处于怪异模式，可以使用document.body.clientWidth和document.body.clientHeight；如果处于标准模式，则使用document.documentElement.clientWidth和document.documentElement....
用document.documentElement取代document.body的原因分析
01-19
上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。 那我们怎么办呢？难道加上了文档...
由document.body和document.documentElement想到的
09-06
1. `document.body.clientWidth`和`clientHeight`返回浏览器视口的宽度和高度，不包括滚动条。 2. `document.body.offsetWidth`和`offsetHeight`则包括了边框的宽度。 3. `document.body.scrollWidth`和`...
document.body.scrollTop用法
12-16
### document.body.scrollTop 用法详解 #### 一、概述 `document.body.scrollTop` 是一个用于获取或设置浏览器中...希望本文能帮助您更深入地理解 `document.body.scrollTop` 的使用技巧及其在实际项目中的应用场景。
获取officewidth,height；clientwidth,height scrollwidth,height.......等,结果为0的原因
weixin_44447804的博客
11-13 521
officewidth,height;clientwidth,height scrollwidth,height 等 这类属性只有在渲染完成后,生成DOM树才能获取到值,如果没渲染就获取,值始终为0 注意: 内联元素 如span等 , 没有这些值; 解决方法: 调整 获取这类值的代码 的执行顺序,将其放在页面渲染完成后执行! ...
同样是获取页面窗口的大小：innerWidth和document.documentElement.clientWidth的区别
YY的博客
10-20 553
innerWidth和document.documentElement.clientWidth的区别
获取浏览器显示窗口大小始终不会发生改变的问题
feng的博客
09-10 499
在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：代码如下复制代码 document.documentElement.clientWidth //宽度 document.documentElement.clientHeight //高度 也就是说必须在声明DOCTYPE的html文件中才能获取到 ...
获取屏幕分辨率不符
年三十的博客
08-11 795
代码通过window.screen.height去获取屏幕分辨率，PC端没有问题 有一天在iPad上测试，发现页面宽度只有一半展示，发现了这个问题 后查阅发现，是因为屏幕有【物理分辨率：即硬件所支持的（比如：手机的分辨率）】和【逻辑分辨率：即软件所能到达（比如：各种像素单位在不同屏幕下，设备像素比例是不同的）】之分 解决办法： 1.添加meta标签<meta name="viewpo...
JS：document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
热门推荐
鬼眼邪神
05-10 2万+
document.documentElement.clientWidth 获取浏览器窗口文档显示区域的宽度，不包括滚动条。 document.documentElement.clientHeight 获取浏览器窗口文档显示区域的高度，不包括滚动条。 浏览器兼容性 所有浏览器解释都一样。 document.documentElement.offsetWidth 获取DOM文档的根节点html元素对象
JS高级编程 -- day04
m0_48625424的博客
02-20 170
dom
对于offsetWidth，clientWidth，scrollWidth和-Height的了解
weixin_44471727的博客
05-17 214
CSS盒子模型相当复杂，尤其是在滚动内容时。虽然浏览器使用CSS中的值来绘制一个盒子，但是如果只使用CSS，没有与JS配合使用的话是远远不够的。 因此，为方便起见，每个元素都具有六个DOM属性：offsetWidth，offsetHeight，clientWidth，clientHeight，scrollWidth和scrollHeight。这些是代表当前视觉布局的只读属性，并且它们都是整数（因此可能会产生四舍五入的误差）。 让我们了解一下它们的区别： offsetWidth，offsetHeight：包含
这个什么意思function getViewportWidth() { if (window.innerWidth!=window.undefined) return window.innerWidth; if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; if (document.body) return document.body.clientWidth; return window.undefined; }
最新发布
06-06
3. 如果当前文档不处于标准模式，则返回文档的 body 元素的 clientWidth 属性。 4. 如果以上方法都无法获取到可视宽度，则返回 undefined。 该函数可以在编写网页时，用于获取浏览器窗口的可视宽度，以便在调整...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值