编程 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 24 Javascript

JS图片预加载 JS实现图片预加载应用

Dec 03 Javascript

JS交换变量的方法

Jan 21 Javascript

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

Apr 01 Javascript

javascript实现youku的视频代码自适应宽度

May 25 Javascript

全面解析Bootstrap弹窗的实现方法

Dec 01 Javascript

前端框架Vue.js中Directive知识详解

Sep 12 Javascript

jQuery序列化表单成对象的简单实现

Nov 29 Javascript

Ajax 加载数据练习代码

Jan 05 Javascript

jQuery validata插件实现方法

Jun 25 jQuery

vue如何在自定义组件中使用v-model

May 14 Javascript

基于vue中对鼠标划过事件的处理方式详解

Aug 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

DW中链接mysql数据库时，建立字符集中文出现乱码的解决方法

2010/03/27 PHP

php 定界符格式引起的错误

2011/05/24 PHP

Thinkphp5框架简单实现钩子(Hook)行为的方法示例

2019/09/03 PHP

jQuery 使用手册(二)

2009/09/23 Javascript

JavaScript的document对象和window对象详解

2010/12/30 Javascript

javascript学习笔记(八) js内置对象

2012/06/19 Javascript

javascript 获取网页标题代码实例

2014/01/22 Javascript

jquery中 $.expr使用实例介绍

2014/06/09 Javascript

Bootstrap按钮组简单实现代码

2017/03/06 Javascript

jQuery常用选择器详解

2017/07/17 jQuery

JQuery实现简单的复选框树形结构图示例【附源码下载】

2019/07/16 jQuery

js实现窗口全屏示例详解

2019/09/17 Javascript

js实现秒表计时器

2019/12/16 Javascript

微信小程序收藏功能的实现代码

2020/06/19 Javascript

JS script脚本中async和defer区别详解

2020/06/24 Javascript

js实现轮播图效果纯js实现图片自动切换

2020/08/09 Javascript

js绘制一条直线并旋转45度

2020/08/21 Javascript

[15:07]lgd_OG_m2_BP

2019/09/10 DOTA

Python 自动补全(vim)

2014/11/30 Python

详解python进行mp3格式判断

2016/12/23 Python

将python文件打包成EXE应用程序的方法

2019/05/22 Python

pytz格式化北京时间多出6分钟问题的解决方法

2019/06/21 Python

Win10用vscode打开anaconda环境中的python出错问题的解决

2020/05/25 Python

CSS3解决移动页面上点击链接触发色块的问题

2016/06/03 HTML / CSS

荷兰之家英文站：Holland at Home

2016/10/26 全球购物

贝佳斯官方网站：Borghese

2020/05/08 全球购物

师范生实习个人的自我评价

2013/09/28 职场文书

老师自我鉴定范文

2013/12/25 职场文书

《路旁的橡树》教学反思

2014/04/07 职场文书

《分一分》教学反思

2014/04/13 职场文书

竞选学生会主席演讲稿

2014/04/24 职场文书

机房搬迁方案

2014/05/01 职场文书

财务会计专业自荐书

2014/06/30 职场文书

青年标兵事迹材料

2014/08/16 职场文书

群众路线自查报告及整改措施

2014/11/04 职场文书

2016大一新生军训感言

2015/12/08 职场文书