编程 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 相关文章推荐

jquery向.ashx文件post中文乱码问题的解决方法

Mar 28 Javascript

JQuery datepicker 使用方法

May 20 Javascript

基于Jquery的文字自动截取（提供源代码）

Aug 09 Javascript

javascript实现日历控件(年月日关闭按钮)

Dec 12 Javascript

JS中artdialog弹出框控件之提交表单思路详解

Apr 18 Javascript

html+js+highcharts绘制圆饼图表的简单实例

Aug 04 Javascript

vue 巧用过渡效果(小结)

Sep 22 Javascript

微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题

Oct 09 Javascript

通过图带你深入了解vue的响应式原理

Jun 21 Javascript

Vue的data、computed、watch源码浅谈

Apr 04 Javascript

用云开发Cloudbase实现小程序多图片内容安全监测的代码详解

Jun 07 Javascript

解决vue init webpack 下载依赖卡住不动的问题

Nov 09 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

深入PHP与浏览器缓存的分析

2013/06/03 PHP

利用js对象弹出一个层

2008/03/26 Javascript

锋利的jQuery 第三章章节总结的例子

2010/03/23 Javascript

jQuery中outerHeight()方法用法实例

2015/01/19 Javascript

js实现简单的联动菜单效果

2015/08/19 Javascript

jquery解析json格式数据的方法(对象、字符串)

2015/11/24 Javascript

浅谈Javascript数组(推荐)

2016/05/17 Javascript

vue 怎么创建组件及组件使用方法

2017/07/27 Javascript

对于Javascript 执行上下文的全面了解

2017/09/05 Javascript

详解angularjs popup-table 弹出框表格指令

2017/09/20 Javascript

基于js 各种排序方法和sort方法的区别(详解)

2018/01/03 Javascript

JavaScript实现求最大公共子串的方法

2018/02/03 Javascript

vue-cli2打包前和打包后的css前缀不一致的问题解决

2018/08/24 Javascript

JavaScript数组去重的几种方法

2019/04/07 Javascript

关于vue项目中搜索节流的实现代码

2019/09/17 Javascript

解决在Vue中使用axios POST请求变成OPTIONS的问题

2020/08/14 Javascript

[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME

2016/03/03 DOTA

Python记录详细调用堆栈日志的方法

2015/05/05 Python

Django发送html邮件的方法

2015/05/26 Python

Python随手笔记之标准类型内建函数

2015/12/02 Python

Python面向对象编程基础解析（一）

2017/10/26 Python

Django 根据数据模型models创建数据表的实例

2018/05/27 Python

学习和使用python的13个理由

2019/07/30 Python

详解Python3迁移接口变化采坑记

2019/10/11 Python

Python 余弦相似度与皮尔逊相关系数计算实例

2019/12/23 Python

Python 保存加载mat格式文件的示例代码

2020/08/04 Python

html5各种页面切换效果和模态对话框用法总结

2014/12/15 HTML / CSS

英国最大的笔记本电脑直销专家：Laptops Direct

2019/07/20 全球购物

门诊手术室工作制度

2014/01/30 职场文书

槐乡的孩子教学反思

2014/04/27 职场文书

反邪教宣传工作方案

2014/05/07 职场文书

农民工讨薪标语

2014/06/26 职场文书

机关驾驶员违规检讨书

2014/09/13 职场文书

民主生活会发言材料

2014/10/20 职场文书

颐和园导游词

2015/01/30 职场文书

MySQL数据库中的锁、解锁以及删除事务

2022/05/06 MySQL