您现在的位置: 爱51代码网 >> 范文 >> 文章正文
页面和块高度在JavaScript中的属性总结
于从滚动
 

变化取决于从滚动
 

变化取决于从滚动
 

0
 

0
 

0

document.documentElement.scrollTop
 

0
 

0
 

0
 

变化取决于从滚动
 

变化取决于从滚动
 

变化取决于从滚动

document.body.offsetHeight
 

850
 

3192
 

848
 

3196
 

3124
 

3136

的document.getElementById(this_tbl).clientHeight
 

361
 

371
 

361
 

361
 

370
 

361

的document.getElementById(this_tbl).scrollHeight
 

361
 

371
 

361
 

361
 

370
 

361

的document.getElementById(this_tbl).offsetHeight
 

361
 

371
 

361
 

361
 

370
 

361

测试在您的浏览器(刷新页面点击下面refresh按钮就行测试)
window.innerHeight  414
window.outerHeight  574
window.screen.availHeight  566
window.screen.height  600
window.screenY  -4
window.scrollY  0
window.pageYOffset  0
document.body.clientHeight  468
document.body.scrollHeight  468
document.body.scrollTop  0
document.documentElement.scrollTop  0
document.body.offsetHeight  468
document.getElementById(tbl).clientHeight  421
document.getElementById(tbl).scrollHeight  421
document.getElementById(tbl).offsetHeight  421

注: 表中的值取决于个人设置(工具栏,状态栏,字体大小等),所以他们可能会有所不同,即使你的浏览器版本是相同的。

结论

    DOCTYPE影响上述参数的值;
    在屏幕上确定高度时,你总是可以根据window.screen.height来确定;
    找到一个页面或块元素的可见部分的高度使用的document.getElementById.(id).clientHeight,包括滚动部分的- 的document.getElementById(ID).scrollHeight。

上一页  [1] [2] 

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新文章 热点文章 相关文章
    mysql主从同步延迟方案解决的学习
    青岛科学六年级下册教材分析
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    青少年吸烟心理探析
    保险受益人制度相关问题的探讨
    mysql主从同步延迟方案解决的学习
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    保险受益人制度相关问题的探讨
    初中生地理读图能力培养的研究
    搞笑生日祝福
    Extjs工作总结
    本科招生工作总结
    人力资源部年度工作总结及年
    公司前台年终总结范文
    石油公司年度工作总结会议
    丁香园2012年个人总结
    丁香园2012年个人总结
    session机制的一些总结
    Google Ventures 2012 年总结
    2012年房价欧洲黄金股市年终
     



    设为首页 | 加入收藏 | 网站地图 | 友情链接 |