JS中的offset家族: 一.offsetWidth与offsetHeight: 获取的是元素的实际宽高 = width + border + padding 注意点: 1.可以获取行内及内嵌的宽高 2.获取到的值是一个number类型,不带单位 3.获取的宽高包含border和padding 4.只能读取,不能设置 console.log ( div.offsetWidth );//width + border + padding console.log (div.offsetHeight…

1.client 1.1主要成员 1.clientWidth 获取网页可视区域宽度(两种用法)    clientHeight 获取网页可视区域高度 (两张用法) 盒子调用: 指盒子本省 浏览器调用:可视区域大小. 2.clientX  鼠标距离可视区域左侧的距离(event调用) clientY 鼠标距离可视区域上侧的距离(event 调用) 2.三大家族的区别 2.1Width 和 Height clientWidth = width +padding clientheight = heig…

offset偏移(返回的是number类型) offsetLeft:返回盒子距离左边的距离 offsetTop:返回盒子距离顶部的距离 offsetHeight:返回盒子的高度,包括border,padding,不包括margin; offsetWidth:返回盒子的宽度,包括border,padding,不包括margin; offsetX: offsetY: offsetParent:找到有定位的父元素 offset与style.top的区别: 1.offset可以返回没有定位的盒子距离左边…

offset.scroll.client三大家族 offset家族 offsetWidth 与 offsetHeight offset 偏移 用于获取元素自身的位置和大小 offsetWidth和offsetHeight获取对象自身的的宽度/高度 offsetWidth = width + border + padding; offsetHeight = height + border + padding offsetHeight 与 style.height 的区别 得到的结果值不同 offs…

知识点: 模拟滚动条的解除事件问题 : event内置对象,包含 了大量事件: page兼容性: pageX || clientX + scool().top  : if (true === a)true 最好写前边: window.screen.width/height : 检测屏幕分辨率: 屏幕宽高: window.screen.width.     window.screen.height : 可视区域宽高兼容性写法: function client(){ if (window.inner…

目录 目录 2 今日内容: 4 第1章 第三大家族client 4 1.1 主要成员 4 1.2 三大家族区别(三大家族总结) 5 1.2.1 Width和height 5 1.2.2 top和left 5 1.3 client家族特殊用法之:检浏览器宽/高度(可视区域) 6 1.4 Onresize事件 6 1.5 案例:根据浏览器可视区域大小,给定背景色 6 1.6 事件总结 6 1.7 获得屏幕宽高 7 第2章 冒泡 7 1.8 阻止冒泡 7 1.9 addEventListenner(参…

1 offset 家族 offset这个单词本身是--偏移,补偿,位移的意思. js中有一套方便的获取元素尺寸的办法就是offset家族: 2  offset 结构介绍为: 3 offset常用属性 1 offsetWidth offsetHeight 得到对象的宽度和高度(自己的,与他人无关) offsetWidth = width+padding+border 2 offsetLeft  offsetTop 返回距离上级盒子(带有定位)左边的位置 如果父级都没有定位则以body 为准 off…

offset家族 自己的,用于获取元素自身尺寸 offsetWidth 和 offsetHeight 获取元素自身的宽度和高度,包括内容+边框+内边距 offsetLeft 和 offsetTop 距离第一个有定位的父级盒子和左边距和上边距 [父级盒子必须要有定位,如果没有,最终以body为准] offsetParent 返回当前对象的带有定位的父级盒子,[可能是父亲.也可能是爷爷],如果没有定位,最终返回body scroll家族 document.body.scrollWidth 获取网页宽…

抽象 在分析三大特性之前我们要先了解什么叫抽象. 定义: 在定义一个类的时候,实际上就是把一类事物的共有的属性和行为提取出来,形成一个物理模型(模板),这种研究问题的方法就称为抽象 一.封装 定义: 就是把抽象出来的属性和对属性的操作封装在一起,属性被保护在内部,程序的其他部分只能通过特定的操作(函数),才能对属性进行操作. 公开属性和私有属性 <script> function Person(in_name, in_age, in_sql) { this.name = in_name; va…

用过jQuery的offset()的同学都知道 offset().top或offset().left很方便地取得元素相对于整个页面的偏移. 而在js里,没有这样直接的方法,节点的属性offsetTop可以获得该节点相对于父节点的相对偏移 但不能直接获得其绝对偏移,我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移. function getOffset(Node, offset) { if (!offset) { offset = {}; offset.top = 0; offset…