社区
JavaScript
帖子详情
如何获得当前IE的客户区域的高度?
xiao7cn
2007-01-31 04:57:04
也就是浏览器本身的高度,去掉上、下各样工具菜单状态栏,只剩下实现显示内容的高度。 注意这个高度是随着用户调整IE窗口大小而改变的。
...全文
283
8
打赏
收藏
如何获得当前IE的客户区域的高度?
也就是浏览器本身的高度,去掉上、下各样工具菜单状态栏,只剩下实现显示内容的高度。 注意这个高度是随着用户调整IE窗口大小而改变的。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
badwish
2007-02-01
打赏
举报
回复
在標準網頁裡面document.body.offsetHeight獲取的是文檔的高度,如果你的網頁高度為1000,那用document.body.offsetHeight就為1000,跟IE默認的有很大差別。
xiao7cn
2007-02-01
打赏
举报
回复
楼上的果然是我想要的.
我发现加上这两面句就完全不起作用了,日!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
badwish
2007-02-01
打赏
举报
回复
<input name="app" type="text" id="app">
<script language="javascript">
document.getElementById('app').value=document.body.offsetHeight;
window.onresize=function (){document.getElementById('app').value=document.body.offsetHeight;}
</script>
楼主试试这段代码,看看我说的对不对。
xiao7cn
2007-02-01
打赏
举报
回复
我靠,不UP不行了.
xiao7cn
2007-01-31
打赏
举报
回复
就像新浪网右下方那个广告一样,无论用户如论调整浏览器大小,它总是在浏览器右下边那个地置出现,是如何实现的?
xiao7cn
2007-01-31
打赏
举报
回复
。。这些我也看过
好像没有哪个高度是随着用户调整窗口大小而改变的啊。。。
badwish
2007-01-31
打赏
举报
回复
document.body.offsetHeight 取高度
netscape中无效,ff我从不用。
haifeng5257
2007-01-31
打赏
举报
回复
我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释。
这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。
clientHeight
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。
简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。
同理
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。
但是
FF 在不同的 DOCTYPE 中对 clientHeight 的解释不同, xhtml 1 trasitional 中则不是如上解释的。其它浏览器则不存在此问题。
js获取浏览器和屏幕的各种宽度
高度
一:网页可见
区域
宽高,不包括工具栏和滚动条(浏览器窗口可视
区域
大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部
高度
; window.innerWidth浏览器窗口的内部宽度; 2.对于IE8.7.6.5: document.documentElement.clientHeight:表示HTML文档所在窗口的
当前
高度
; document.documentElement.clientWidth:表示HTML文档所在窗口的
当前
宽度; 或者,因为document对象的body属性对应HTML文档的<body>标签,
怎么获取网页
高度
、屏幕
高度
、滚动
高度
?
有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的
高度
, 不论body 的实际内容到底有多高。 在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的
高度
, 约20px, 这时如何还想取到整个页面的
高度
, 就要用document.doc...
js原生获取html的
高度
,如何获取HTML的
高度
?
我把结论写上面总的来说 设置了*{margin:0;padding:0;}后就可以用clientHeight、offsetHeight来获取html了没有设置的时候:设置后的body跟html一样heightfunction getInfo(){var s = "";s += " 网页可见
区域
宽:"+ document.body.clientWidth;s += " 网页可见
区域
高:"+ doc...
获取屏幕可视
区域
的宽度和
高度
window.outerWidth与window.outerHeight:
获得
的是加上工具条与滚动条窗口的宽度与
高度
。 window.innerWidth与window.innerHeight:
获得
的是可视
区域
的宽高,但是宽度包含了纵向滚动条的宽度。 document.documentElement.clientWidth与document.documentElement.clientHeigh
面试之如何判断一个元素是否在可视
区域
中?
面试之如何判断一个元素是否在可视
区域
中?面试官:如何判断一个元素是否在可视
区域
中?一、用途二、实现方式offsetTop、scrollTop注意getBoundingClientRectIntersection Observer创建观察者传入被观察者三、案例分析参考文献 面试官:如何判断一个元素是否在可视
区域
中? 一、用途 可视
区域
即我们浏览网页的设备肉眼可见的
区域
,如下图 在日常开发中,我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值(例如 100 px),从而实现一些常用的功能,例如
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章