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

Prototype使用指南之range.js

Jan 10 Javascript

Jquery Ajax请求代码(2)

Jan 07 Javascript

从零开始学习jQuery (六) jquery中的AJAX使用

Feb 23 Javascript

js处理层级数据结构的方法小结

Jan 17 Javascript

Jquery uploadify 多余的Get请求(404错误)的解决方法

Jan 26 Javascript

浅谈webpack 自动刷新与解析

Apr 09 Javascript

JavaScript对象拷贝与赋值操作实例分析

Dec 10 Javascript

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

May 17 Javascript

对node通过fs模块判断文件是否是文件夹的实例讲解

Jun 10 Javascript

JS中的一些常用的函数式编程术语

Jun 15 Javascript

Vue 实例事件简单示例

Sep 19 Javascript

vue npm install 安装某个指定的版本操作

Aug 11 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 抓取网页图片并且另存为的实现代码

2010/03/24 PHP

PHP的5个安全措施小结

2012/07/17 PHP

菜鸟javascript基础资料整理2

2010/12/06 Javascript

再说AutoComplete自动补全之实现原理

2011/11/05 Javascript

Firefox中beforeunload事件的实现缺陷浅析

2012/05/03 Javascript

JQuery的Ajax跨域请求原理概述及实例

2013/04/26 Javascript

利用JavaScript检测CPU使用率自己写的

2014/03/22 Javascript

JavaScript常用小技巧小结

2014/12/29 Javascript

使用Bootstrap美化按钮实例代码(demo)

2017/02/03 Javascript

简单谈谈JS中的正则表达式

2017/09/11 Javascript

vue webuploader 文件上传组件开发

2017/09/23 Javascript

深入浅析Vue中mixin和extend的区别和使用场景

2019/08/01 Javascript

Vue实现浏览器打印功能的代码

2020/04/17 Javascript

[02:39]我与DAC之Newbee.Moogy:从论坛到TI

2018/03/26 DOTA

python教程之用py2exe将PY文件转成EXE文件

2014/06/12 Python

python统计字符串中指定字符出现次数的方法

2015/04/04 Python

Python使用metaclass实现Singleton模式的方法

2015/05/05 Python

python任务调度实例分析

2015/05/19 Python

Python Web程序部署到Ubuntu服务器上的方法

2018/02/22 Python

Django的models中on_delete参数详解

2019/07/16 Python

python使用tomorrow实现多线程的例子

2019/07/20 Python

Python closure闭包解释及其注意点详解

2019/08/28 Python

python中的TCP(传输控制协议)用法实例分析

2019/11/15 Python

django数据模型（Model）的字段类型解析

2019/12/25 Python

jupyter note 实现将数据保存为word

2020/04/14 Python

Python如何将函数值赋给变量

2020/04/28 Python

详解CSS3的图层阴影和文字阴影效果使用

2016/06/09 HTML / CSS

浅析CSS3 用text-overflow解决文字排版问题

2020/10/28 HTML / CSS

菲律宾票务网站：StubHub菲律宾

2018/04/21 全球购物

年终自我鉴定

2013/10/09 职场文书

聊城大学毕业生自荐书

2014/02/01 职场文书

公司仓管员岗位职责

2015/04/01 职场文书

Logback 使用TurboFilter实现日志级别等内容的动态修改操作

2021/08/30 Java/Android

分享CSS盒子模型隐藏的几种方式

2022/02/28 HTML / CSS

Vue组件化(ref,props, mixin,.插件)详解

2022/05/15 Vue.js

基于Python实现西西成语接龙小助手

2022/08/05 Golang