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

JavaScript中的事件处理

Jan 16 Javascript

Node.js模拟浏览器文件上传示例

Mar 26 Javascript

js类定义函数时用prototype与不用的区别示例介绍

Jun 10 Javascript

百度判断手机终端并自动跳转js代码及使用实例

Jun 11 Javascript

jQuery实现隔行背景色变色

Nov 24 Javascript

javascript合并表格单元格实例代码

Jan 03 Javascript

在JavaScript中call()与apply()区别

Jan 22 Javascript

JS实现关闭当前页而不弹出提示框的方法

Jun 22 Javascript

浅谈移动端之js touch事件手势滑动事件

Nov 07 Javascript

vue input输入框模糊查询的示例代码

May 22 Javascript

vue项目base64字符串转图片的实现代码

Jul 13 Javascript

JS实现的贪吃蛇游戏完整实例

Jan 18 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 Parse Error: syntax error, unexpected $end 错误的解决办法

2012/06/05 PHP

解析thinkphp基本配置 convention.php

2013/06/18 PHP

php获取Google机器人访问足迹的方法

2015/04/15 PHP

33道php常见面试题及答案

2015/07/06 PHP

[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法

2017/04/01 PHP

将Datatable转化成json发送前台实现思路

2013/09/06 Javascript

JS实现模拟风力的雪花飘落效果

2015/05/13 Javascript

浅谈JavaScript中数组的增删改查

2016/06/20 Javascript

轻松5句话解决JavaScript的作用域

2016/07/15 Javascript

JavaScript获取服务器时间的方法详解

2016/12/11 Javascript

three.js实现围绕某物体旋转

2017/01/25 Javascript

详解升级react-router 4 踩坑指南

2017/08/14 Javascript

基于es6三点运算符的使用方法(实例讲解)

2017/10/12 Javascript

解决vue中使用Axios调用接口时出现的ie数据处理问题

2018/08/13 Javascript

解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

2018/08/25 Javascript

vue中使用input[type="file"]实现文件上传功能

2018/09/10 Javascript

详解Vue组件之作用域插槽

2018/11/22 Javascript

在Vue项目中使用Typescript的实现

2019/12/19 Javascript

python实现从字符串中找出字符1的位置以及个数的方法

2014/08/25 Python

Python的Socket编程过程中实现UDP端口复用的实例分享

2016/03/19 Python

python中reduce()函数的使用方法示例

2017/09/29 Python

Python实现确认字符串是否包含指定字符串的实例

2018/05/02 Python

python PyAutoGUI 模拟鼠标键盘操作和截屏功能

2019/08/04 Python

python 中Arduino串口传输数据到电脑并保存至excel表格

2019/10/14 Python

python解析xml文件方式(解析、更新、写入)

2020/03/05 Python

html5 canvas fillRect坐标和大小的问题解决方法

2014/03/26 HTML / CSS

HTML5的Video标签有部分MP4无法播放的问题解析（多图）

2017/08/18 HTML / CSS

Mountain Warehouse波兰官方网站：英国户外品牌

2019/08/29 全球购物

团员的自我评价

2013/12/01 职场文书

感恩之星事迹材料

2014/05/03 职场文书

模具专业求职信

2014/06/26 职场文书

银行业务授权委托书

2014/10/10 职场文书

医生个人年度总结

2015/02/28 职场文书

社区青年志愿者活动总结

2015/05/06 职场文书

2015年建筑工程工作总结

2015/05/13 职场文书

HTML基础-标签分类(闭合标签，空标签，块级元素，行内元素，行级块元素，可替换元素)

2021/03/31 HTML / CSS