JavaScript四大家族之client家族

javascript 元素对象拥有client家族主要属性：

clientHeight:　　（可见区域高度：height+padding）

clientWidth:　　（可见区域宽度：width+padding）

clientLeft　　（资料显示是当前元素的offsetLeft距离当前窗口左边的距离，但通过我的测试发现值永远等于border-left，并且在w3c的DOM Element上找不到clientLeft相关信息）

clientTop　　（资料显示是当前元素的offsetLeft距离当前窗口左边的距离，但通过我的测试发现值永远等于border-top，并且在w3c的DOM Element上找不到clientTop相关信息）

client可通过元素对象的属性clientWidth和clientHeight找到它。

但整个浏览器的滚动条即document的滚动条元素归属存在兼容性问题。

IE678以及其他浏览器认为整个文档对象属于document.documentElement元素的即html。

未声明DTD <!DOCTYPE html> 的浏览器认为文档对象属于document.body元素的。

所以只要找正确元素即可实现浏览器兼容。if(document.CompatMode==CSS1Compat)表示支持document.documentElement元素，else 表示支持document.body元素。

最新浏览器IE9+及其他浏览器都认为整个文档属于Window对象的，可通过Window.innerWidth和Window.innerHeight获得

注：参考网址http://www.w3school.com.cn/jsref/dom_obj_all.asp

转载于:https://www.cnblogs.com/Gxqsd/p/7337651.html

JavaScript四大家族之client家族相关推荐

JavaScript四大家族之scroll家族
javascript 元素对象拥有scroll家族主要属性: ScrollTop: (被滚动条卷去的头部高度) ScrollLeft: (被滚动条卷曲的左侧距离) ScrollWidth (内容实际宽 ...
javaScript中三大家族总结
三大家族整体解释图第一大家族:offset家族 offset 是自己的-- 目的: 方便的获取元素尺寸 offsetWidth offsetHeight 得到对象的宽度和高度(自己的,与他人无关) ...
Javascript使用三大家族和事件来DIY动画效果相关笔记（五）
1.client家族 ◆box.clientWidth:表示盒子的宽度加padding ◆box.clientHeight:表示盒子的高度加padding ◆box.clientTop:表示盒子上边的 ...
Javascript使用三大家族和事件来DIY动画效果相关笔记（一）
1.offset家族 ◆offsetWidth和offsetHeight表示盒子真实的宽度高度,这个真实的宽度包括四周的边框.四周的padding.及定义的宽度高度或内容撑开的高度和宽度,可以用来检 ...
javascript的族家族史
JavaScript 实现完整的 JavaScript 实现是由以下 3 个不同部分组成的:ECMAScript.文档对象模型.浏览器对象模型. 这也就是说 cocos2d-js 中其实我们用的是 ...
JavaScript基础——滚动事件、加载事件、三大家族
文章目录一.滚动事件和加载事件 1.1 滚动事件 1.2 加载事件二.三大家族 2.1 scroll家族 2.2 offset家族 2.3 client家族一.滚动事件和加载事件 1.1 滚动事 ...
js的三大家族(offset/scroll/client)和一个事件对象(event)///正则
一 offset 第1章 offset家族 4 1.1 三大家族和一个事件对象 4 1.2 Offset家族简介 4 1.2.1 offsetWidth和offsetHi ...
JavaScript——三大家族总结
目录前言一.offset家族 offsetWidth和offsetHeight offsetLeft和offsetTop offsetParent offsetxxx和style.xxx的区别二 ...
三大家族scroll、offset、client
三大家族scroll.offset.client JS的三大家族主要是Offset.Scroll.Client,通过对三大家族不同属性的灵活使用,我们可以模拟出很多炫酷的JS动画,增强界面的视觉感染力 ...

JavaScript四大家族之client家族

JavaScript四大家族之client家族相关推荐

最新文章

热门文章