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

最新推荐文章于 2023-07-02 15:58:28 发布
原创 最新推荐文章于 2023-07-02 15:58:28 发布 · 1w 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#xhtml #html #文档 #网络
本文介绍在网络开发中遇到的一个问题：使用VS2005创建的页面遵循XHTML1.0标准时，如何正确获取浏览器窗口的高度和宽度。文章提供了具体的解决方案，并解释了为何使用document.documentElement.clientXHight/document.documentElement.clientWidth而非document.body.clientXHeight/document.body.clientWidth。
 网络上普遍使用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来取得窗口的高度和宽度。
网页宽高clientWidth clientHeight获得数值不对的问题
weixin_30663391的博客
07-12 3200
当网页内容撑不满一屏时，通过以下代码获得整个网页高度会有问题 document.body.clientHeight;document.body.clientWidth;得到的宽高不对，可能是因为html与body标签缺一个样式：height:100%设置如下： html{ height: 100%; overflow: h...
clientWidth，clientHeight 窗口宽高获取异常问题记录
qq_41206597的博客
03-18 2160
获取窗口可视化宽高，实际获取与，盒模型展示差异问题解决记录
获取浏览器显示窗口大小始终不会发生改变的问题
feng的博客
09-10 595
在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：代码如下复制代码 document.documentElement.clientWidth //宽度 document.documentElement.clientHeight //高度 也就是说必须在声明DOCTYPE的html文件中才能获取到 ...
获取officewidth,height；clientwidth,height scrollwidth,height.......等,结果为0的原因
weixin_44447804的博客
11-13 708
officewidth,height;clientwidth,height scrollwidth,height 等 这类属性只有在渲染完成后,生成DOM树才能获取到值,如果没渲染就获取,值始终为0 注意: 内联元素 如span等 , 没有这些值; 解决方法: 调整 获取这类值的代码 的执行顺序,将其放在页面渲染完成后执行! ...
offsetHeight、offsetWidth、clientWidth、clientHeight无法获取值得问题
zmx760102412的博客
04-15 6697
获取offsetWidth，和clientWidth的值时弹窗为0，在CSDN上询问了一下才明白了原因：在HTML的声明下，屏幕宽高是隐藏的，如果想要获得值，就需要在css中定义一下HTML和body的高度为100%。
document.body.clientwidth值为0的解决方案
ForMyQianDuan的博客
03-24 5033
在IE7、IE8、Firefox中，document.body.clientWidth以及 document.body.clientHeightzhi值为0，此时，可以使用 document.documentElement.clientHeight等代替。   网络上普遍使用document.body.clientHeight和document.body.clientW
document.body.clientHeight不能正确取到浏览器页面高度
weixin_34375054的博客
02-06 9405
2019独角兽企业重金招聘Python工程师标准>>> ...
document.documentElement.clientWidth与document.body.clientWidth在浏览器滚动条的情况下，值是不一样的
踏雪听雨
06-09 5889
document.documentElement.clientWidth document.documentElement.clientHeight document.body.clientWidth document.body.clientHeight   body与documentElement这两个属性在浏览器的body设置成  时，得到的值是不同的。 当有overflow:hi
同样是获取页面窗口的大小：innerWidth和document.documentElement.clientWidth的区别
YY的博客
10-20 712
innerWidth和document.documentElement.clientWidth的区别
获取屏幕分辨率不符
年三十的博客
08-11 961
代码通过window.screen.height去获取屏幕分辨率，PC端没有问题 有一天在iPad上测试，发现页面宽度只有一半展示，发现了这个问题 后查阅发现，是因为屏幕有【物理分辨率：即硬件所支持的（比如：手机的分辨率）】和【逻辑分辨率：即软件所能到达（比如：各种像素单位在不同屏幕下，设备像素比例是不同的）】之分 解决办法： 1.添加meta标签<meta name="viewpo...
document.documentElement.clientWidth
CL1250887989的博客
04-25 437
关于获取各种浏览器可见窗口大小的一点点研究<script>function getInfo(){var s = "";s = " 网页可见区域宽：" document.body.clientWidth;s = " 网页可见区域高：" document.body.clientHeight;s = " 网页可见区域宽：" document.body.offsetWidth " (...
解决js代码中 document.body.clientWidth 为0
Ctrl_kun的博客
11-06 1020
在不同浏览器中获取方式不同(HTML5) chrome: document.documentElement.clientHeight IE: document.body.clientWidth html5中如果用错则为0 解决方法 将HTML5换成HTML4 用js分别获取两个值，取最大值 max(document.documentElement.clientHeight,document.body.clientWidth) ...
iOS iPadOS safari 独立Web应用屏幕旋转的时候 onresize window.innerHeight 数值不对。
学习笔记
07-02 1935
我有一个日记应用，是可以作为独立 Web 应用运行的那种，但在旋转屏幕的时候获取到的和就不对了，不是屏幕的正常尺寸。导致内容显示不正常。iPhone和 iPad 上都是这样的。本来应该是这样的。在旋转一次再转回来的时候就成了这样。
移动端手机适配问题
yaofuheng的博客
08-31 700
    关于手机移动端的页面适配问题，小编一直不想使用百分比来适配各个手机型号，于是参考了一下别人的方法。通过rem来适配。     首先获取html节点的字体类型，document.documentElement.style.fontSize,    然后获取移动端手机的宽度，document.documentElement.clientWidth.  我们这里用的是屏幕以375px X ...
对于offsetWidth，clientWidth，scrollWidth和-Height的了解
weixin_44471727的博客
05-17 341
CSS盒子模型相当复杂，尤其是在滚动内容时。虽然浏览器使用CSS中的值来绘制一个盒子，但是如果只使用CSS，没有与JS配合使用的话是远远不够的。 因此，为方便起见，每个元素都具有六个DOM属性：offsetWidth，offsetHeight，clientWidth，clientHeight，scrollWidth和scrollHeight。这些是代表当前视觉布局的只读属性，并且它们都是整数（因此可能会产生四舍五入的误差）。 让我们了解一下它们的区别： offsetWidth，offsetHeight：包含
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值