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

JS使用getComputedStyle()方法获取CSS属性值

Apr 23 Javascript

JavaScript日期时间格式化函数分享

May 05 Javascript

JavaScript数据结构和算法之图和图算法

Feb 11 Javascript

js基础之DOM中document对象的常用属性方法详解

Oct 28 Javascript

Vue组件开发初探

Feb 14 Javascript

node操作mysql数据库实例详解

Mar 17 Javascript

Vue.js中兄弟组件之间互相传值实例

Jun 01 Javascript

vue.js选中动态绑定的radio的指定项

Jun 02 Javascript

nuxt踩坑之Vuex状态树的模块方式使用详解

Sep 06 Javascript

JS控制下拉列表左右选择实例代码

May 08 Javascript

VUE-ElementUI 自定义Loading图操作

Nov 11 Javascript

详解vue中v-for的key唯一性

May 15 Vue.js

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实现文件上传二法

2006/10/09 PHP

PHP中常用数组处理方法实例分析

2008/08/30 PHP

深入php函数file_get_contents超时处理的方法详解

2013/06/03 PHP

thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)

2016/05/20 PHP

JavaScript中也使用$美元符号来代替document.getElementById

2010/06/19 Javascript

JQuery+JS实现仿百度搜索结果中关键字变色效果

2011/08/02 Javascript

简单实用的反馈表单无刷新提交带验证

2013/11/15 Javascript

前台js调用后台方法示例

2013/12/02 Javascript

JavaScript中数组的22种方法必学(推荐)

2016/07/20 Javascript

JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

2016/12/27 Javascript

为Jquery EasyUI 组件加上清除功能的方法(详解)

2017/04/13 jQuery

vue-content-loader内容加载器的使用方法

2018/08/05 Javascript

详解Bootstrap 学习（一）入门

2019/04/12 Javascript

vue+element实现表格新增、编辑、删除功能

2019/05/28 Javascript

更强大的vue ssr实现预取数据的方式

2019/07/19 Javascript

在Vue.js中使用TypeScript的方法

2020/03/19 Javascript

谈谈node.js中的模块系统

2020/09/01 Javascript

react antd表格中渲染一张或多张图片的实例

2020/10/28 Javascript

[02:26]2016国际邀请赛8月3日开战中国军团出征西雅图

2016/08/02 DOTA

[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/19 DOTA

Python的subprocess模块总结

2014/11/07 Python

Python使用multiprocessing创建进程的方法

2015/06/04 Python

Python中django学习心得

2017/12/06 Python

python实现决策树

2017/12/21 Python

【python】matplotlib动态显示详解

2019/04/11 Python

tensorflow 报错unitialized value的解决方法

2020/02/06 Python

celery在python爬虫中定时操作实例讲解

2020/11/27 Python

friso美素佳儿官方海外旗舰店：荷兰原产原罐

2017/07/03 全球购物

Ryderwear澳洲官网：澳大利亚高端健身训练装备品牌

2018/09/18 全球购物

学生会竞选演讲稿

2014/04/24 职场文书

学生检讨书怎么写

2014/10/09 职场文书

个人自查自纠材料

2014/10/14 职场文书

85句关于理想的名言警句大全

2019/08/22 职场文书

Nginx解决前端访问资源跨域问题的方法详解

2021/03/31 Servers

Go语言的协程上下文的几个方法和用法

2022/04/11 Golang

Java线程的6种状态与生命周期

2022/05/11 Java/Android