IE7中document.body.clientWidth/clientHeight 取值为0

最新推荐文章于 2024-09-05 14:38:04 发布
转载 最新推荐文章于 2024-09-05 14:38:04 发布 · 626 阅读 · 0
文章标签：

#ie

本文介绍了一种简单有效的方法来获取当前网页的宽度和高度，通过使用JavaScript的document.documentElement.clientWidth/clientHeight属性实现。
 将代码段改为：document.documentElement.clientWidth/clientHeight
what_tahw
关注
一文理清JS中获取盒子宽高各方法的差异
九月镇灵将的博客
01-01 2104
这段时间在研究一个反爬产品，环境检测用到了很多个盒子宽高取值方法，如，各个方法取值结果不大相同，在此记录下遇到的方法。
权限系统reademe.md文档---待整理
77今天也学习了的博客
11-05 1718
1,网页布局:使用ElementUI插件: 安装elementui npm/cnpm i element-ui -S/–save; 在main.js程序入口文件中完整引入elementui: import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; 使用它: Vue.use(ElementUI) 将登录页面写过来:点击登录，请求数据，处理数据,获取到token，有token，进入首页 使用axios
IE7 正式发布版不支持offsetheight,clientheight,scrollheight属性
心语的专栏
12-04 232
这两天在测试程序在IE7的兼容性，发现原来在IE6显示正常的布局，在IE7下完全乱了。前一阵用IE7 测试版还显示正常。通过跟踪javascript,发现document.body.offsetHeight根本取不到值，又试了clientHeight也取不到值。不知道是IE7正式版的bug, 还是有其他新的方法，不再支持这些属性。那位朋友知道，提示一下。谢谢 将页面的doctype从<!DO...
一个document.documentElement.clientWidth为0的问题
weisuochengxuyuan的专栏
12-27 957
http://hi.baidu.com/bluedream_119/item/26db5a73c9774344ee1e532a 一个document.documentElement.clientWidth为0的问题 关于获取各种浏览器可见窗口大小的一点点研究 function getInfo() { var s = ""; s = " 网页可见区域宽：" document.bo
JavaScript 页面　宽度 、高度 (一)
技术与人际，两手都要硬
04-15 171
关于获取各种浏览器可见窗口大小的一点点研究 [code="javascript"] function getInfo() { var s = ""; s = " 网页可见区域宽：" document.body.clientWidth; s = " 网页可见区域高：" document.body.clientHeight; s = " 网页可见区域宽：" document.body.o...
网页宽高clientWidth clientHeight获得数值不对的问题
weixin_30663391的博客
07-12 3173
当网页内容撑不满一屏时，通过以下代码获得整个网页高度会有问题 document.body.clientHeight;document.body.clientWidth;得到的宽高不对，可能是因为html与body标签缺一个样式：height:100%设置如下： html{ height: 100%; overflow: h...
JavaScript获取多浏览器窗口宽高值的方法
主要包括：`window.innerWidth` 和 `window.innerHeight`、`document.documentElement.clientWidth/clientHeight`、`document.body.clientWidth/clientHeight` 等。其中，`window.innerWidth` 和 `window....
Three.js 带你选购兰博基尼
最新发布
幽幽谷
09-05 1378
Three.js实现车展，带你选车
使用D3.js实现简单的图谱展示
A_xiaomingming的博客
05-08 2123
<html> <head> <script src="https://d3js.org/d3.v4.min.js"></script> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <style> html,body,#kgDiv{ .
解决js代码中 document.body.clientWidth 为0
Ctrl_kun的博客
11-06 979
在不同浏览器中获取方式不同(HTML5) chrome: document.documentElement.clientHeight IE: document.body.clientWidth html5中如果用错则为0 解决方法 将HTML5换成HTML4 用js分别获取两个值，取最大值 max(document.documentElement.clientHeight,document.body.clientWidth) ...
document.body.clientHeight 和 document.documentElement.clientHeight 的区别以及tomcat中路径大小写的问题...
weixin_33893473的博客
08-12 548
1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别 这个问题是我在整合新的美工页面的时候发现的，在整合页面的时候菜单页面始终显示不出来。但是查看源代码，里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 b...
JavaScript如何获取网页的宽高，以及如何兼容（各种坑详解）
weixin_44552302的博客
05-10 481
很多场景下会需要获取当前网页的宽高来达到一些效果，但是获取网页的宽高这里面还是有一点（hen duo）坑的，这里我进行了总结和详解，若有补充欢迎评论补充~ 方式一：window.innerWidth / window.innerHeight 这种方式只支持IE9以及以上版本的浏览器 网页高度，打开F12控制台当然高度会不同 方式二：document.documentElement.clientWidth console.log(document.documentElement); console.lo
document.body.clientwidth值为0的解决方案
ForMyQianDuan的博客
03-24 5002
在IE7、IE8、Firefox中，document.body.clientWidth以及 document.body.clientHeightzhi值为0，此时，可以使用 document.documentElement.clientHeight等代替。   网络上普遍使用document.body.clientHeight和document.body.clientW
offsetHeight, clientHeight与scrollHeight的区别
热门推荐
清箫的专栏
03-05 3万+
在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。 clientHeight 大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式
var docWidth = document.body.clientWidth//网页可见宽 var docHeight = document.body.clientHeight//网页可见高，把这段代码改成元素宽高
05-31
假设要获取的元素的id为"elementId"，则可以使用以下代码来获取元素的宽度和高度： ``` var elementWidth = document.getElementById("elementId").clientWidth; // 元素可见宽度 var elementHeight = document.getElementById("elementId").clientHeight; // 元素可见高度 ``` 注意，使用clientWidth和clientHeight获取的是元素可见区域的宽度和高度，不包括元素的边框和滚动条占用的空间。如果需要包括元素的边框和滚动条占用的空间，可以使用offsetWidth和offsetHeight属性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值