封装函数

//栈 function Stack() { var items = []; this.push = function (element) { items.push(element); };//推栈 this.pop = function () { return items.pop(); };//弹栈 this.peek = function () { return items[items.length - 1]; };//栈顶元素 this.isEmpty = function () { return items.length === 0; };//栈是否为空 this.size = function () { return items.length; };//栈大小 this.clear = function () { items = []; };//清空栈 this.print = function () { console.log(items.toString()); };//打印栈 } //队列 function Queue() { var items = []; this.enqueue = function (element) { items.push(element); }//入队 this.dequeue = function () { return items.shift(); }//出队 this.front = function () { return items[0]; }//队首元素 this.isEmpty = function () { return items.length === 0; }//队列是否为空 this.clear = function () { items = []; }//清空队列 this.size = function () { return items.length; }//队列大小 this.print = function () { console.log(items.toString()); }//打印队列 } //圣杯继承 var inherit = (function (){ var F = function () {}; return function (Child, Parent) { F.prototype = Parent.prototype; Child.prototype = new F(); Child.prototype.constructor = Child; Child.prototype.uber = Parent.prototype; } })(); //深层拷贝对象（不考虑函数） function deepClone(original, target) { var target = target || {}, toStr = Object.prototype.toString, arrStr = '[object Array]'; for(var prop in original){ if(original.hasOwnProperty(prop)){ if(typeof original[prop] === 'object'){ target[prop] = (toStr.call(original[prop]) === arrStr) ? [] : {}; deepClone(original[prop], target[prop]); }else{ target[prop] = original[prop]; } } } return target; } //数组去重 Array.prototype.unique = function() { var obj = {}, arr = [], len = this.length; for(var i = 0; i < len; i++){ if(!obj[this[i]]){ obj[this[i]] = true; arr.push(this[i]); } } return arr; } //类属性 function classOf(o){ if(o === null) return "Null"; if(o === undefined) return "Undefined"; return Object.prototype.toString.call(o).slice(8,-1); } //父节点的第几个元素节点 Element.prototype.eleIndex = function(){ var index = 0, node = this; while(node = node.previousSibling){ if(node.nodeType == 1){ index++; } } return index; } //第n层祖先元素 Element.prototype.nthParentEle = function(n) { var node = this, n = n || 0; while(node && n--) { node = node.parentElement; } return node; } //第n个兄弟节点 Element.prototype.nthSiblingEle = function(n){ var node = this; while(node && n) { if(n > 0){ if(node.nextElementSibling){ node = node.nextElementSibling; }else{ for(node = node.nextSibling; node && node.nodeType !== 1; node = node.nextSibling); } n--; }else{ if(node.previousElementSibling){ node = node.previousElementSibling; }else{ for(node = node.previousSibling; node && node.nodeType !== 1; node = node.previousSibling); } n++; } } return node; } //在某元素后插入元素 Element.prototype.insertAfter = function (targetNode, afterNode){ var siblingNode = afterNode.nextElementSibling; if(siblingNode) { this.insertBefore(targetNode,siblingNode); } else { this.appendChild(targetNode); } return targetNode; } //销毁元素节点自身 Element.prototype.remove = function (){ this.parentElement.removeChild(this); } //目标节点内部的节点顺序逆序 Element.prototype.revChild = function (){ var child = this.children, len = child.length; for (var i = len - 2; i >= 0; i--){ this.appendChild(child[i]); } return this; } //查看滚动轮滚动距离 function getScrollOffset(){ if(window.pageXOffset){ return { x: window.pageXOffset, y: window.pageYOffset } }else{ return { x: document.body.scrollLeft + document.documentElement.scrollLeft, y: document.body.scrollTop + document.documentElement.scrollTop } } } //查看浏览器视口尺寸 function getViewportOffset(){ if(window.innerWidth){ return { w: window.innerWidth, h: window.innerHeight } }else if(document.compatMode === "CSS1Compat"){ return{ w: document.documentElement.clientWidth, h: document.documentElement.clientHeight } }else{ return{ w: document.body.clientWidth, h: document.body.clientHeight } } } //求元素相对于文档的坐标 Element.prototype.getCoord = function (){ var coordX = 0, coordY = 0, docEle = this; while(docEle){ coordX += docEle.offsetLeft; coordY += docEle.offsetTop; docEle = docEle.offsetParent; } return { x: coordX, y: coordY } }; //获取相对文档的距离 var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft; var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop; //获取样式 function getStyle(ele, style){ if(window.getComputedStyle){ return window.getComputedStyle(ele,null)[style]; }else{ return ele.currentStyle[style]; } } //添加事件 function addEvent(elem, type, handler){ if(elem.addEventListener){ elem.addEventListener(type, handler, false); }else if(elem.attachEvent){ elem['temp' + type + handler] = handler; elem['temp' + type] = function(){ elem['temp' + type + handler].call(elem); } elem.attachEvent('on' + type, elem['temp' + type]); }else{ elem['on' + type] = handler; } } //解除事件 function removeEvent(elem, type, handler){ if(elem.removeEventListener){ elem.removeEventListener(type, handler, false); }else if(elem.detachEvent){ elem.detachEvent('on' + type, elem['temp' + type]); }else{ elem['on' + type] = null; } } //取消冒泡 function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble = true; } } //阻止默认事件 function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; } } //拖拽元素 function drag(elem){ var disX; var disY; addEvent(elem,"mousedown",function(e){ var event = e || window.event; disX = event.clientX - parseInt(getStyle(this,"left")); disY = event.clientY - parseInt(getStyle(this,"top")); addEvent(document,"mousemove",mouseMove); addEvent(document,"mouseup",mouseUp); }); function mouseMove(e){ var event = e || window.event; elem.style.left = event.pageX - disX + 'px'; elem.style.top = event.pageY - disY + 'px'; } function mouseUp(){ removeEvent(document,"mousemove",mouseMove); removeEvent(document,"mouseup",mouseUp); } } //多物体多值链式运动框架 function startMove(elem, json, func){ clearInterval(elem.timer); var iSpeed; var iCur; var bStop; elem.timer = setInterval(function(){ bStop = true; for(var attr in json){ iCur = attr === 'opacity' ? parseFloat(getStyle(elem,attr)) * 100 : parseInt(getStyle(elem,attr)); iSpeed = attr === 'opacity' ? (parseFloat(json[attr])* 100 - iCur) / 7 : (parseInt(json[attr]) - iCur) / 7; iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); elem.style[attr] = attr === "opacity" ? (iCur + iSpeed) / 100 : iCur + iSpeed + 'px'; if(iCur !== (attr === 'opacity' ? parseFloat(json[attr]) * 100 : parseInt(json[attr]))){ bStop = false; } } if(bStop){ clearInterval(elem.timer); if(func){ func(); } } },30); } //按需异步加载script function scriptLoaded(url, callback){ var script = document.createElement('script'); script.type = "text/javascript"; if(script.readyState){ script.onreadystatechange = function(){ if(script.readyState == "complete" || script.readyState == "loaded"){ callback(); script.onreadystatechange = null; } } }else{ script.onload = function(){ script.onload = null; callback(); } } script.src = url; document.head.appendChild(script); } //兼容getElementByClassName Document.prototype.getByClassName = function(target) { var allEle = document.getElementsByTagName('*'), len = allEle.length, arr = [], classArr = [], classArrLen; for(var i = 0; i < len; i++) { classArr = allEle[i].className.myTrim().splice(' '); classArrLen = classArr.length; for(var j = 0; j < classArrLen; j++){ if(classArr[j] === target){ arr.push(allEle[i]); break; } } } return arr; } //兼容trim String.prototype.myTrim = function() { var reg = /^\s*|\s*$/; return this.replace(reg,''); } String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } String.prototype.ltrim=function(){ return this.replace(/(^\s*)/g,""); } String.prototype.rtrim=function(){ return this.replace(/(\s*$)/g,""); } //共享onload事件 function addLoadEvent(func){ var oldLoad=window.onload if(typeof window.onload!='function'){ window.onload=func }else{ window.onload=function(){ oldLoad() func() } } }