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

HTML: 内容在滚动条下面 <div id="outerDiv"> <div id="myDiv" class="myDiv">会员视频下载</div> </div> CSS: * { margin:; padding:; } html, body { width: 400px; height: 300px; } #outerDiv { border: 1px solid red; margin-…

jquery的offset().top和js的offsetTop的区别,以及jquery的offset().top的实现方法 offset().top是JQ的方法,需要引入JQ才能使用,它获取的是你绑定元素上边框相对于html上边界的偏移量. offsetTop是原生JS的方法,它获取的是你绑定元素上边框相对离自己最近且position属性为非static的祖先元素的偏移量 offset().top与offsetTop偏移量参照对象不同,offset().top始终是html,而offsetTo…

1.offsetParent 元素的offsetParent并不是元素的父元素,判断元素的offsetParent要根据以下情况: 1)当DOM结构层次中的元素均没有进行css定位(设置position为absolute或relative),则offsetParent为根目录: 2)当元素的父元素没有进行css定位,则offsetParent取最近的已经定位的元素: 3)当元素的父元素进行了css定位,则offsetParent为父元素: 2.offsetLeft,offsetTop 在IE中:…

JS部分 一,  词法结构 区分大小 注意://单行  /*多行注释*/ 字面量(直接量literal) 12 // 数字 5.8//小数 "hello" 'hello' true /js/gi  //正则 null    //空 {x:1,y:2} [1,2,3,4] 标示符(变量)和保留字 分号可以省略但是可能会产生问题,js会自动补 var y = x+f (a+b).toString() 等价于 var y = x+f(a+b).toString(); 二.类型.值和变量 1.…

目录目录    2js部分一.词法结构    1.区分大小写    2.注意   // 单行      /*  多行注释  */    3.字面量(直接量  literal)        12  //数字        5.8 // 小数        "hello"          'hello'        true        /js/gi  //正则        null    //空        {x:1,y:2}        [1,2,3,4]    4.标示…

js 和 jquery 获取页面和滚动条的高度 //页面位置及窗口大小 function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {    // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight + window.scrollMaxY; } else if(documen…

前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少.本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10 以上浏览器. Query Selector 常用的 class.id.属性 选择器都可以使用 document.querySelector 或 document.q…

一.获取元素: js获取元素: 根据id获取:document.getElementById("id"); 根据类名获取:document.getElementsByClassName("className"); 根据标签获取:document.getElementsByTagName("tagName"); jquery获取元素: 根据id获取:$("#id"); 根据类名获取:$(".class");…

罗列下 js 和 jquery 里面获取宽高的方法: obj.offsetWidth = $obj.outerWidth()  // offsetWidth obj.clientWidth = obj.scrollWidth // offsetWidth - border - scrollbar $obj.innerWidth()                            // offsetWidth - border $obj.width()                    …