编程 Javascript

ff chrome和ie下全局动态定位的异同及全局高度的取法

Posted in Javascript onJune 30, 2014

DTD已声明

IE
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

FF
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

Chrome
document.documentElement.scrollHeight 浏览器所有内容高度， document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

DTD未声明

IE
document.documentElement.scrollHeight 浏览器可视部分高度，document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 始终为0，document.body.clientHeight 浏览器可视部分高度

FF
document.documentElement.scrollHeight 浏览器可视部分高度, document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度，document.body.clientHeight 浏览器可视部分高度

Chrome
document.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度，document.body.clientHeight 浏览器可视部分高度

浏览器所有内容高度即浏览器整个框架的高度，包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和

浏览器滚动部分高度即滚动条卷去部分高度即可视顶端距离整个对象顶端的高度。

DTD声明，指的是浏览器页面载入时候的声明：<!DOCTYPE html public ""....>

声明文档类型html

ff chrome和ie下全局动态定位的异同及全局高度的取法

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript中的delete介绍

Sep 02 Javascript

JavaScript插件化开发教程（二）

Jan 27 Javascript

分享10个优化代码的CSS和JavaScript工具

May 11 Javascript

如何利用JSHint减少JavaScript的错误

Aug 23 Javascript

浅析location.href跨窗口调用函数

Nov 22 Javascript

JS正则替换掉小括号及内容的方法

Nov 29 Javascript

jquery获取input type=text中的值的各种方式(总结)

Dec 02 Javascript

json2.js 入门教程之使用方法与实例分析

Sep 14 Javascript

node.js基于express使用websocket的方法

Nov 09 Javascript

浅谈Node.js 中间件模式

Jun 12 Javascript

javaScript实现游戏倒计时功能

Nov 17 Javascript

使用 vue 实例更好的监听事件及vue实例的方法

Apr 22 Javascript

js从Cookies里面取值的简单实现

Jun 30 #Javascript

jQuery学习总结之jQuery事件

Jun 30 #Javascript

JavaScript 获取任一float型小数点后两位的小数

Jun 30 #Javascript

滚动条响应鼠标滑轮事件实现上下滚动的js代码

Jun 30 #Javascript

jquery实现人性化的有选择性禁用鼠标右键

Jun 30 #Javascript

javascript时间函数大全

Jun 30 #Javascript

js取得html iframe中的元素和变量值

Jun 30 #Javascript

You might like

ThinkPHP之getField详解

2014/06/20 PHP

CI框架数据库查询缓存优化的方法

2016/11/21 PHP

php常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】

2016/12/07 PHP

表单的一些基本用法与技巧

2006/07/15 Javascript

js对象之JS入门之Array对象操作小结

2011/01/09 Javascript

jquery调用wcf并展示出数据的方法

2011/07/07 Javascript

JQuery下拉框应用示例介绍

2014/04/23 Javascript

JQuery入门基础小实例(1)

2015/09/17 Javascript

JavaScript setTimeout使用闭包功能实现定时打印数值

2015/12/18 Javascript

JavaScript程序中的流程控制语句用法总结

2016/05/23 Javascript

再谈Javascript中的异步以及如何异步

2016/08/19 Javascript

jQuery中ScrollTo用法示例

2016/09/04 Javascript

微信小程序 wxapp内容组件 progress详细介绍

2016/10/31 Javascript

ASP.NET jquery ajax传递参数的实例

2016/11/02 Javascript

bootstrap datetimepicker日期插件使用方法

2017/01/13 Javascript

angular之ng-template模板加载

2017/11/09 Javascript

Vue 重置组件到初始状态的方法示例

2018/10/10 Javascript

jQuery pager.js 插件动态分页功能实例分析

2019/08/02 jQuery

原生js拖拽实现图形伸缩效果

2020/02/10 Javascript

redux处理异步action解决方案

2020/03/22 Javascript

Jquery高级应用Deferred对象原理及使用实例

2020/05/28 jQuery

把MySQL表结构映射为Python中的对象的教程

2015/04/07 Python

qpython3 读取安卓lastpass Cookies

2016/06/19 Python

Python 中字符串拼接的多种方法

2018/07/30 Python

使用Python 正则匹配两个特定字符之间的字符方法

2018/12/24 Python

python 8种必备的gui库

2020/08/27 Python

CSS3 伪类选择器 nth-child()说明

2010/07/10 HTML / CSS

澳大利亚宠物商店：Petbarn

2017/11/18 全球购物

装潢设计实习自我鉴定

2013/09/19 职场文书

写演讲稿所需要注意的4个条件

2014/01/09 职场文书

英语自我评价范文

2014/01/24 职场文书

少儿节目主持串词

2014/04/02 职场文书

四风问题个人剖析材料

2014/10/07 职场文书

介绍信如何写

2015/01/31 职场文书

学校会议通知范文

2015/04/15 职场文书

【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER

2022/04/02 DOTA