js碎片

Posted 2020-08-02

function getByClass(oParent,nClass){
    var eLe = oParent.getElementsByTagName(‘*‘); /* 获取oParent这个父级元素的所有子集 */
    var aRrent  = [];  /* 创建一个数组 */
    for(var i=0; i<eLe.length; i++){  /* 遍历子集 */
        if(eLe[i].className == nClass){ /* 元素的classname与方法传入参数做对比 */
            aRrent.push(eLe[i]); /* 符合条件则在数组的末尾添加该元素，并返回新的长度 */
        }
    }
    return aRrent;
}

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。它直接修改 arrayObject，而不是创建一个新的数组。

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。直接修改原数组对象。注释：unshift() 方法无法在 Internet Explorer 中正确地工作！

pop() 方法用于删除并返回数组的最后一个元素。pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  

scrollWidth:获取对象的滚动宽度  

offsetHeight:获取对象相对于版面或由父坐标offsetParent 属性指定的父坐标的高度  

offsetLeft:获取对象相对于版面或由offsetParent 属性指定的父坐标的计算左侧位置 

offsetTop:获取对象相对于版面或由offsetTop 属性指定的父坐标的计算顶端位置  

event.clientX 相对文档的水平座标  

event.clientY 相对文档的垂直座标    

event.offsetX 相对容器的水平坐标  

event.offsetY 相对容器的垂直坐标   

document.documentElement.scrollTop 垂直方向滚动的值  

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

以上主要指IE之中，FireFox差异如下： 

IE6.0、FF1.06+： 

clientWidth = width + padding  

clientHeight = height + padding  

offsetWidth = width + padding + border  

offsetHeight = height + padding + border    

(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

本文出自 “bilingling” 博客，请务必保留此出处http://bilingling.blog.51cto.com/11578217/1794901