编程 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 防止表单重复提交代码

Jan 21 Javascript

线路分流自动智能跳转代码,自动选择最快镜像网站(js)

Oct 31 Javascript

JS图片切换的具体方法(带缩略图版)

Nov 12 Javascript

在Ubuntu上安装最新版本的Node.js

Jul 14 Javascript

AngularJS API之copy深拷贝详解及实例

Sep 14 Javascript

js自定义QQ菜单效果

Jan 10 Javascript

AngularJS实现路由实例

Feb 12 Javascript

微信小程序scroll-view实现横向滚动和上拉加载示例

Mar 06 Javascript

解决Jquery下拉框数据动态获取的问题

Jan 25 jQuery

Node.js + express基本用法教程

Mar 14 Javascript

Vue左滑组件slider使用详解

Aug 21 Javascript

解决vue-router 嵌套路由没反应的问题

Sep 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

基于文本的访客签到簿

2006/10/09 PHP

PHP 开发环境配置（测试开发环境）

2010/04/28 PHP

PHP结合JQueryJcrop实现图片裁切实例详解

2014/07/24 PHP

ExtJS 工具栏分页事件参数

2010/03/05 Javascript

De facto standard 世界上不可思议的事实标准

2010/08/29 Javascript

JS网页播放声音实现代码兼容各种浏览器

2013/09/22 Javascript

jquery 删除cookie失效的解决方法

2013/11/12 Javascript

js实现照片墙功能实例

2015/02/05 Javascript

javascript设计模式之对象工厂函数与构造函数详解

2015/07/30 Javascript

jQuery实现的简洁下拉菜单导航效果代码

2015/08/26 Javascript

AngularJS 遇到的小坑与技巧小结

2016/06/07 Javascript

CSS3 media queries结合jQuery实现响应式导航

2016/09/30 Javascript

javascript中对象的定义、使用以及对象和原型链操作小结

2016/12/14 Javascript

nodejs实现发出蜂鸣声音(系统报警声)的方法

2017/01/18 NodeJs

细说Vue组件的服务器端渲染的过程

2019/05/30 Javascript

javascript运行机制之执行顺序理解

2020/08/03 Javascript

[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16

2019/08/19 DOTA

python读文件逐行处理的示例代码分享

2013/12/27 Python

Python3基础之函数用法

2014/08/13 Python

Python实现简单的获取图片爬虫功能示例

2017/07/12 Python

Python实现读取txt文件并画三维图简单代码示例

2017/12/09 Python

tensorflow中next_batch的具体使用

2018/02/02 Python

python 基本数据类型占用内存空间大小的实例

2018/06/12 Python

Python3实现取图片中特定的像素替换指定的颜色示例

2019/01/24 Python

Python中单线程、多线程和多进程的效率对比实验实例

2019/05/14 Python

twilio python自动拨打电话,播放自定义mp3音频的方法

2019/08/08 Python

python中必要的名词解释

2019/11/20 Python

Python数组拼接np.concatenate实现过程

2020/04/18 Python

python中rc1什么意思

2020/06/19 Python

师范院校学生自荐信范文

2013/12/27 职场文书

小小的船教学反思

2014/02/21 职场文书

工厂标语大全

2014/10/06 职场文书

商业门面租房协议书

2014/11/25 职场文书

大学迎新生的欢迎词

2019/06/25 职场文书

关于对TypeScript泛型参数的默认值理解

2022/07/15 Javascript

MySQL 原理与优化之Limit 查询优化

2022/08/14 MySQL