解决js代码中 document.body.clientWidth 为0

最新推荐文章于 2023-07-29 20:04:23 发布

情、狠现实

最新推荐文章于 2023-07-29 20:04:23 发布

阅读量932

点赞数 1

分类专栏： Web前端文章标签： javascript chrome 前端

本文链接：https://blog.csdn.net/Ctrl_kun/article/details/121022740

版权

Web前端专栏收录该内容

3 篇文章

订阅专栏

在不同浏览器中获取方式不同(HTML5)

1. chrome: document.documentElement.clientHeight
2. IE: document.body.clientWidth
	html5中如果用错则为0

解决方法

1. 将HTML5换成HTML4
2. 用js分别获取两个值，取最大值
	max(document.documentElement.clientHeight,document.body.clientWidth)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

情、狠现实

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

用document.documentElement取代document.body的原因分析

09-05

在JavaScript中，`document.body` 和 `document.documentElement` 是两个经常用来获取页面信息的对象，但它们之间存在一些重要的差异，尤其是在处理不同浏览器的兼容性问题时。`document.documentElement` 通常被...

javascript document.compatMode兼容性

10-29

JavaScript中的`document.compatMode`属性是用来检测浏览器当前的渲染模式，这对于处理跨浏览器的兼容性问题至关重要。在网页开发中，浏览器对HTML文档的解析方式有两种：Quirks Mode（怪异模式）和Standards Mode...

参与评论您还未登录，请先登录后发表或查看评论

document.documentElement.clientWidth

CL1250887989的博客

04-25

373

关于获取各种浏览器可见窗口大小的一点点研究<script>function getInfo(){var s = "";s = " 网页可见区域宽：" document.body.clientWidth;s = " 网页可见区域高：" document.body.clientHeight;s = " 网页可见区域宽：" document.body.offsetWidth " (...

关于JS获取clientWidth大小一直为0的问题

liuhui12345的博客

08-20

4350

__.clientWidth = 0; 因为父集用了display:none; 所以取不到值，将父集设置为display: block;就行了

解决document.body.clientWidth 或 document.body.clientHeight 为0的问题

weixin_46020146的博客

05-16

444

解决document.body.clientWidth 或 document.body.clientHeight 为0的问题

document.body.clientwidth值为0的解决方案

ForMyQianDuan的博客

03-24

4954

在IE7、IE8、Firefox中，document.body.clientWidth以及 document.body.clientHeightzhi值为0，此时，可以使用 document.documentElement.clientHeight等代替。网络上普遍使用document.body.clientHeight和document.body.clientW

关于JavaScript中document.body.clientHeight获取页面高度为0的问题及解决方案

chad273的博客

01-03

3428

js中如下语句 h = document.body.clientHeight；获得的 h 值始终为0，找了半天终于解决，将代码改写如下即可： h = document.documentElement.clientHeight；初学js，具体原因还不懂，貌似和DOM中从层次不同有关，有待继续学习研究。同时希望大神帮忙解答。 ...

esize () { // 系统整体缩放 let cliWidth = document.documentElement.clientWidth || document.body.clientWidth le

最新发布

09-28

它通过获取文档元素的clientWidth属性（如果可用则取document.documentElement，否则取body），然后返回这个值。这个值通常代表浏览器视口的实际宽度，开发者可以利用这个信息来调整布局或样式，使其适应不同屏幕...

document.body.scrollTop用法

12-16

- **document.body.clientWidth**: 表示网页可见区域的宽度（不包含滚动条）。 - **document.body.clientHeight**: 表示网页可见区域的高度（不包含滚动条）。 - **document.body.offsetWidth**: 包含边框在内的网页...

这个什么意思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

这也是一个 JavaScript 函数，用于获取当前浏览器窗口的可视宽度。函数内部的逻辑与获取可视高度的函数类似，具体如下： 1. 首先判断浏览器是否支持 window.innerWidth 属性，如果支持则返回该属性值。 2. 如果不...

一个document.documentElement.clientWidth为0的问题

AvFans的专栏

09-30

594

关于获取各种浏览器可见窗口大小function getInfo(){var s = "";s = " 网页可见区域宽：" document.body.clientWidth;s = " 网页可见区域高：" document.body.clientHeight;s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)";s = " 网页可见区域

js取得clientWidth为0的解决

liuxiaoyue909的专栏

04-09

5370

在做图片分享的时候遇到过这么个问题，上网上搜了一下，有人也遇到过，解决方案都在下面，谢谢了！转载出处：js取得clientWidth为0的解决今天由于需要计算div的占位等信息，需要拿到clientWidth，结果却发现一只是0；后来经过不断测试，发现如果不设置div的width属性，即width值为“auto”的情况下，clientWidth永远是0；只有在为width属性设置了

bootstrap拖拽组件集成echarts图表，图表div的clientWidth、clientHeight始终为0，导致无法生成图表问题

zhangyongbink的博客

03-09

646

1.问题点：生成图表的div被包含到一个样式含有display:none的上级..节点，这个样式是拖拽组件所设定的，无法更改。导致图表生成不了。 2：试过解决的方法：手动设置div的宽高、寻找上上级等节点的宽高，，都无法解决，因为即使有宽高，但echarts会判断div的clientWidth和heightClient，问题无法解决。 3.经过多次尝试，发现拖拽组件是相应拷贝一份到目标...

【HTML5】关于document.body.clientHeight返回值为0的解决方案

Duawieh的博客

07-29

1260

网上关于此问题的其中一种解决方案是使用HTML4，但是如果我们希望在保持HTML5版本不变的前提下解决此问题呢？标签添加上文所述样式即可，添加样式的方式不限，然后我们就可以在 Javascript 中正常调用了。这里引用一下@kelly0721的博客中的图片，为各位展示一下我们可以获取的各种屏幕元素尺寸。可见其正常输出了页面可见区域高度，并且能够随屏幕缩放实时地得到不同的值。正是浏览器页面可见区域的高度。

js关于无法获取clientHeigth / scrollTop 等值解决办法。介于DocumentElement与body差别...

网站开发初中级代码参考-转载

04-09

149

documentElement 属性可返回文档的根节点。 document.documentElement是文档对象根节点(html)的引用。今天遇到一问题，用DocumentElement获取scrollTop值，值始终为零，搞了很久才解决，至于原因暂时还不知，可能系统与浏览器的兼容性问题把。如果document.documentElement.scrollTop无法获取到值...

canvas踩坑之设置宽高，变为0的问题

qq_40942817的博客

03-02

2128

不细心的小伙伴可能会出现和我一样的问题，canvas明明设置宽高了，但就是画不出图像，打印一下获取到的canvas元素，发现它的宽高都是0 <canvas id="canvas" width="300px" height="150px"></canvas> 可能你就是和我上面一个写法这种写法是错误的，宽高不能带单位px。要写成下面这样的 <canvas id="canvas" width="300" height="150"></canvas> 虽然

document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

weixin_30583563的博客

10-08

736

背景：弹出层插件（自适应）实现过程中突然发现在获取可视区高度时，无论document.documentElement.clientHeight 还是 $(window).height()都无法正确获取，代码没有问题；解决方案：通过 cosole.log寻找错误点发现$(window).height()获取不正常并等于$(document).height()；网上查找资料是由于没有正确的HT...

ie获得document.documentElement.clientWidth为0

fyddaben的专栏

03-28

928

一个document.documentElement.clientWidth为0的问题关于获取各种浏览器可见窗口大小的一点点研究转载自：http://developer.51cto.com/art/200805/72909.htm function getInfo() { var s = ""; s = " 网页可见区域宽：" document.body.cli

document.body.clientHeight 和 document.documentElement.clientHeight 的区别以及tomcat中路径大小写的问题...

weixin_33893473的博客

08-12

520

1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别这个问题是我在整合新的美工页面的时候发现的，在整合页面的时候菜单页面始终显示不出来。但是查看源代码，里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 b...