编程 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中删除元素的实现代码

Dec 29 Javascript

JavaScript Array对象扩展indexOf()方法

May 09 Javascript

Javascript基础_标记文字的实现方法

Jun 14 Javascript

JavaScript随机打乱数组顺序之随机洗牌算法

Aug 02 Javascript

快速入门Vue

Dec 19 Javascript

Vue异步组件使用详解

Apr 08 Javascript

深入理解Javascript中的作用域链和闭包

Apr 25 Javascript

Vue封装一个简单轻量的上传文件组件的示例

Mar 21 Javascript

Vue框架下引入ActiveX控件的问题解决

Mar 25 Javascript

Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网

May 16 Javascript

微信小程序实现上传图片裁剪图片过程解析

Aug 22 Javascript

开发一个封装iframe的vue组件

Mar 29 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中使用redis

2013/11/04 PHP

PHP调用.NET的WebService 简单实例

2015/03/27 PHP

浅谈PHP面向对象之访问者模式+组合模式

2017/05/22 PHP

PHP检查端口是否可以被绑定的方法示例

2018/08/09 PHP

完整显示当前日期和时间的JS代码

2007/09/17 Javascript

Highcharts 非常实用的Javascript统计图demo示例

2013/07/03 Javascript

在JavaScript中实现类的方式探讨

2013/08/28 Javascript

jQuery中;function($,undefined) 前面的分号的用处

2014/12/17 Javascript

JS限制文本框只能输入数字和字母方法

2015/02/28 Javascript

JavaScript中的函数嵌套使用

2015/06/04 Javascript

JS实现无限级网页折叠菜单(类似树形菜单)效果代码

2015/09/17 Javascript

Angularjs实现mvvm式的选项卡示例代码

2016/09/08 Javascript

在一般处理程序（ashx）中弹出js提示语

2017/08/16 Javascript

JS Testing Properties 判断属性是否在对象里的方法

2017/10/01 Javascript

switchery按钮的使用方法

2017/12/18 Javascript

基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

2018/01/09 Javascript

webpack+vue+express(hot)热启动调试简单配置方法

2018/09/19 Javascript

我要点爆”微信小程序云开发之项目建立与我的页面功能实现

2019/05/26 Javascript

Angular中innerHTML标签的样式不起作用的原因解析

2019/06/18 Javascript

微信小程序后端实现授权登录

2020/02/24 Javascript

[01:25:38]DOTA2-DPC中国联赛正赛 VG vs LBZS BO3 第一场 1月19日

2021/03/11 DOTA

Python获取SQLite查询结果表列名的方法

2017/06/21 Python

一百多行python代码实现抢票助手

2018/09/25 Python

python使用pdfminer解析pdf文件的方法示例

2018/12/20 Python

django框架防止XSS注入的方法分析

2019/06/21 Python

python进程的状态、创建及使用方法详解

2019/12/06 Python

美国家居用品和厨具购物网站：DealsDot

2019/10/07 全球购物

英国Lookfantastic中文网站：护肤品美妆美发购物（英国直邮）

2020/04/27 全球购物

写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数

2016/04/13 面试题

大学生找工作推荐信范文

2013/11/28 职场文书

优秀的导游求职信范文

2014/04/06 职场文书

酒店开业策划方案

2014/06/02 职场文书

文化产业实施方案

2014/06/07 职场文书

教师党的群众路线教育实践活动剖析材料

2014/10/09 职场文书

百万英镑观后感

2015/06/09 职场文书

Winsows11性能如何? win11性能测评多核竟比Win10差了10%

2021/11/21 数码科技