怎么获得当前DOCUMENT(比较长,出现滚动条)的从页头到页尾的高度?

cooler 2006-05-28 04:15:18
我找了MSDN,看到
document.body这个object有3个高度属性:
clientHeight,这个好像只是当前IE窗口的显示高度。
offsetHeight,这个类似,好像是当前IE窗口的显示高度减去了状态栏啊什么的高度。
scrollHeight,这个是从页头到当前窗体滚动到的高度。

问题是:
我想知道文档从页头到页尾的整个高度啊,应该怎么取得呢?



...全文
369 13 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
cooler 2006-06-21
  • 打赏
  • 举报
回复
感谢指教。结贴了。谢谢啊。看来还是我测试的代码有误。
seeu1688 2006-05-30
  • 打赏
  • 举报
回复
scrollHeight

注意文档类型声明<!DOCTYPE ...>
IE6加入了Strict模式后,将IE窗口模型的部分body属性重新定义为document.documentElemnt(html)属性。

可加入如下代码判别,已兼容Transitional/Strict模式

<SCRIPT LANGUAGE="JavaScript">
window.onload = function(){
window["viewport"] = (document.documentElement && document.documentElement.clientHeight)?document.documentElement:document.body;
alert(viewport.scrollHeight)
}
</SCRIPT>

IE/FF对于viewport对象解析略有不同,scrollHeight数值上有所差异
sanshisong 2006-05-28
  • 打赏
  • 举报
回复
MARK
hbhbhbhbhb1021 2006-05-28
  • 打赏
  • 举报
回复
楼主试的是什么?scrollHeight和滚动条滚动到哪没有关系。
测试可以用下面的程序。
楼主试的应该是scrollTop属性。
<script language=javascript>
function hehe()
{
alert(document.body.scrollHeight)
}
</script>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
cooler 2006-05-28
  • 打赏
  • 举报
回复
我试过了,SCROLLHEIGHT不是,只是当前滚屏到的高度。如果还没有滚动到底,那么就不是最后的高度。
cpio 2006-05-28
  • 打赏
  • 举报
回复

整个页面高度:document.body.scrollHeight

显示区域高度:document.body.clientHeight
cooler 2006-05-28
  • 打赏
  • 举报
回复
感谢大家支持,看看还有没有什么完美一点的解决阿方案
cooler 2006-05-28
  • 打赏
  • 举报
回复
1、滚动的解决方案:
可是如果我滚动到底,用户界面效果会很不好啊。
用户肯定会奇怪为什么网页会自己往下滚啊。


2、作标记:
在页头和页尾做2个标记,取二者的绝对位置然后相减
问题是如何取得二者的绝对位置呢?


是是非非 2006-05-28
  • 打赏
  • 举报
回复
scrollTo 99999
是是非非 2006-05-28
  • 打赏
  • 举报
回复
滚动到底部再计算 clientHeight+scrollHeight
DeluxWorld 2006-05-28
  • 打赏
  • 举报
回复
比较笨的方法
在页头和页尾做2个标记,取二者的绝对位置然后相减
cooler 2006-05-28
  • 打赏
  • 举报
回复
请指教啊。谢谢了。
cooler 2006-05-28
  • 打赏
  • 举报
回复
你现在看到我的帖子的时候,这个文档就是很长的,出现了滚动条的窗体。我想知道的就是这个文档从页头到页尾的高度。

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧