JS代码备忘

function $(v) {
    if (typeof v === 'function') {
        window.onload = v;
    } else if (typeof v === 'string') {
        return document.getElementById(v);
    } else if (typeof v === 'object') {
        return v;
    }
}
/*
    获取浏览器计算后的样式。
    1、不要获取复合样式，如：background、margin;
    2、不要获取未定义的样式，否则会不兼容，因为浏览器会根据自身的情况弹出内容;
    3、不要在attr前面加空格，如：getStyle($('div1'),' width'),会弹出undefined.
*/
function getStyle(obj,attr) {
    return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];
}

/*不管是否存在定位，获取从当前位置到html标签的偏移值*/

function getPos(obj) {
    var pos = {left:0,top:0};

    while(obj) {
        pos.left+= obj.offsetLeft;
        pos.top+= obj.offsetTop;
        obj = obj.offsetParent;
    }

    return pos;
}

/*获取class样式，并以数组的形式存回*/

function getElementsByClassName(parent,tagName,className) {
    var aEls = parent.getElementsByTagName(tagName);
    var arr = [];

    for (var i=0;i<aEls.length;i++) {

        var aClassName = aEls[i].className.split(' ');

        for (var j=0;j<aClassName.length;j++) {
            if (aClassName[j]== className) {
                arr.push(aEls[i]);
                break;
            }
        }

    }
    return arr;
}

/*添加class(可一次性写入多个class以逗号分隔,重复的class不会添加）,移除class(可一次性写入多个class以逗号分隔)*/

function addClass(obj,className) {
    var newClassName = className.split(',');
    for (var i=0;i<newClassName.length;i++) {
        // 如果class存在
        if (obj.className) {
            // 如果要添加的class在原来的class中不存在，添加
            var arrClassName = obj.className.split(' ');
            var _index = arrIndexOf(arrClassName,newClassName[i]);
            if (_index == -1) {
                obj.className += ' '+newClassName[i];
            }
            // 如果要添加的class在原来的class中存在，不添加
        }
        // 如果class不存在
        else {
            obj.className = newClassName.join(' ');
        }
    }

}
function removeClass(obj,className) {
    var newClassName = className.split(',');

    for (var i=0;i<newClassName.length;i++) {
        // 如果有class
        if (obj.className) {
            var arrClassName = obj.className.split(' ');
            var _index = arrIndexOf(arrClassName,newClassName[i]);
            if (_index != -1) {
                // 如果找到
                arrClassName.splice(_index,1);
                obj.className = arrClassName.join(' ');
            }
        }
    }

}

function arrIndexOf(arr,v){
    for (var i=0;i<arr.length;i++) {
        if (arr[i]==v) {
            return i;
        }
    }
    return -1;
}

//匀速运动框架
        function toMove(obj,attr,target,speed,endFn) {
            clearInterval(obj.timer);
            var speed = obj.offsetLeft < target ? speed : - speed;
            obj.timer = setInterval(function(){

                if (Math.abs(obj.offsetLeft-target)<Math.abs(speed)) {
                    obj.style[attr] = target + 'px';
                    clearInterval(obj.timer);
                    endFn && endFn();
                } else {
                    obj.style[attr]= obj.offsetLeft + speed +'px';
                }

            },30);
        }

// 缓冲运动框架
function toMove (obj,iTarget) {
    clearInterval(obj.timer);
    obj.timer = setInterval(function(){
        var speed = (iTarget - obj.offsetTop)/10;
        speed = iTarget>obj.offsetTop ? Math.ceil(speed) : Math.floor(speed);
        if (obj.offsetTop==iTarget) {
            clearInterval(obj.timer);
        }
        obj.style.top = obj.offsetTop + speed + 'px';
    },30);
}

//事件绑定兼容，调用举例：bind(document,'click',fn)
function bind(obj,evName,fn){
  if (obj.addEventListener) {
      obj.addEventListener(evName,fn,false);  //标准浏览器
  } else {
      obj.attachEvent('on'+evName,function(){
               fn.call(obj);  //IE9以下
       });
  }
}

//拖拽

        function drag(obj){
            obj.onmousedown = function(ev){
                var ev = ev || event;
                var disX = ev.clientX-this.offsetLeft;
                var disY = ev.clientY-this.offsetTop;
　　　　　　　　　　//IE9以下使用，全局捕捉
                if (this.setCapture){
                    this.setCapture();
                }

                document.onmousemove = function(ev){
                    var ev = ev || event;
                    obj.style.left = ev.clientX - disX +'px';
                    obj.style.top = ev.clientY - disY +'px';
                };
                document.onmouseup = function(){
                    document.onmouseup = document.onmousemove = null;
                    if (obj.releaseCapture) {
                        obj.releaseCapture();
                    }

                };
                return false;
            };
        }

 // 设置cookie
        function setCookie(key,value,t) {
            var oDate = new Date();
            oDate.setDate(oDate.getDate()+t);
            document.cookie = key+'='+encodeURI(value)+';expires='+oDate.toGMTString();
        }
 // 获取cookie的值
        function getCookie(key) {
            var arr1 = document.cookie.split('; ');
            for (var i=0;i<arr1.length;i++) {
                var arr2 = arr1[i].split('=');
                if (arr2[0] == key) {
                    return (decodeURI(arr2[1]));
                }
            }
        }
//删除cookie
        function removeCookie(key) {
            setCookie(key,'',-1);
        }
//AJAX封装
        function ajax(method,url,data,success){
            var xhr = null;
            if (window.XMLHttpRequest) {
                xhr = new XMLHttpRequest();
            } else {
                xhr = new ActiveXObject('Microsoft.XMLHTTP')
            }
            if (method == 'get' && data) {
                url+='?'+data;
            }
            xhr.open(method,url,true);

            if (method == 'post') {
                xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                xhr.send(data);
            } else {
                xhr.send();
            }            

            xhr.onreadystatechange = function(){
                if (xhr.readyState==4) {
                    if (xhr.status==200) {
                        success && success(xhr.responseText);
                    } else {
                        alert('ERROR:'+xhr.status);
                    }
                }
            };
        }

        //异步方式请求URL下载
        function download_file(url) {

            var iframeBody, result;

            if (typeof(download_file.iframe) == "undefined") {

                var iframe = document.createElement("iframe");

                iframe.setAttribute("name", "newiframe");

                download_file.iframe = iframe;

                document.body.appendChild(download_file.iframe);
            }

            download_file.iframe.src = url;

            download_file.iframe.onload = function() {

                iframeBody = window.frames["newiframe"].document.body.innerHTML;

                if(iframeBody) {
                    try{
                        result = JSON.parse(iframeBody);
                        alert('result:',result);
                        if (result.status == 0) {

                            alert("抱歉,该包还没有生成");

                        }
                    }catch(e) {
                        //alert(e)
                    }

                }

            }            

            download_file.iframe.style.display = "none";
        }

var DEFAULT_WIDTH = 800, // 页面的默认宽度

ua = navigator.userAgent.toLowerCase(), // 根据 user agent 的信息获取浏览器信息

deviceWidth = window.screen.width, // 设备的宽度

devicePixelRatio = window.devicePixelRatio || 1, // 物理像素和设备独立像素的比例，默认为1

scale = deviceWidth/DEFAULT_WIDTH,//缩放比例

targetDensitydpi;

// Android4.0以下手机不支持viewport的width，需要设置target-densitydpi

if (ua.indexOf("android") !== -1 && parseFloat(ua.slice(ua.indexOf("android")+8)) < 4) {

targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160;

$('meta[name="viewport"]').attr('content', 'target-densitydpi=' + targetDensitydpi + ', width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1 user-scalable=no');

}

else{

$('meta[name="viewport"]').attr('content', 'width=' + DEFAULT_WIDTH + ', initial-scale=' + scale + ', minimum-scale=' + scale + ',maximum-scale=' + scale + ' user-scalable=no');

}