js碎片
2016-07-01 13:30
453 查看
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
相关文章推荐
- atom markdown转换PDF 解决AssertionError: html-pdf: Failed to load PhantomJS module
- atom markdown转换PDF 解决AssertionError: html-pdf: Failed to load PhantomJS module
- js手机浏览器video标签会一直置顶,遮盖住弹出层问题
- 运行jsp文件
- js 脚本去除 空格 回车 换行
- javascript时间差插件
- js如何判断IE浏览器的版本包括IE11
- sadojciscjsd
- 自己实现一个javascript事件模块
- jsp中文字符乱码问题
- Angular_ng-repeat中的问题
- Angular JS filter
- js页面 读身份证
- 再谈Javascript中的基本类型和引用类型(推荐)
- javascript与jsp发送请求到servlet的几种方式
- java以及JavaScript获取当月第一天和最后一天日期
- js跨越问题解决方法
- setTimeout和setInterval的区别你真的了解吗?
- js判断浏览器是否为IE浏览器
- js点击空白处弹窗消失