js常用方法封装

var Tools = Tools || {};

//object to string

Tools.ObjectToString = function (obj) {
    var str = "";
    for (var item in obj) {
        str += item + "=" + obj[item] + "&";
    }
    return str.slice(0, -1);
}
// Ajax提交数据
Tools.Post = function (func, str) {
    var xhr = new XMLHttpRequest;
    xhr.open("POST", "/PData/ApiHandler.ashx", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.onload = function () {
        posting = false;
        func(xhr.responseText);
    };
    xhr.onerror = function () { posting = false; };
    xhr.send(str);
}
//图片上传
Tools.UploadImg = function (formdata, str, func) {
    //1.创建对象
    var xhr = new XMLHttpRequest();
    console.log(formdata, str);
    xhr.open('post', str);

    xhr.onload = function () {
        func(xhr.responseText);
        console.log(xhr.responseText);
    }
    // XHR2.0新增 上传进度监控
    xhr.upload.onprogress = function (event) {
        //  console.log(event);
        var percent = event.loaded / event.total * 100 + '%';
        console.log(percent);
        // 设置 进度条内部step的 宽度
        document.querySelector('.step').style.width = percent;
        if (percent >= 1) {
            document.querySelector('.step').style.display = "none";
        }
    }
    // XHR2.0新增 
    var data = formdata;

    xhr.send(data);
}

/**
* 从数组删除指定元素
* @param arr
* @param item
*/
Tools.removeAsTextByArr = function (arr, item) {
    var result = [];
    arr.forEach(function (element) {
        if (element != item) {
            result.push(element);
        }
    });
    return result;
}
/*
*获取当前时间
*/
Tools.getNow = function () {
    var t = new Date();
    return t.getFullYear() + "-" + ((Number(t.getMonth()) + 1) > 9 ? (Number(t.getMonth()) + 1) : "0" + (Number(t.getMonth()) + 1)) + "-" + (t.getDate() > 9 ? t.getDate() : "0" + t.getDate()) + "  " + (t.getHours() > 9 ? t.getHours() : "0" + t.getHours()) + ':' + (t.getMinutes() > 9 ? t.getMinutes() : "0" + t.getMinutes());
    
}
/**
*提示框
* @param X
* @param t
* 提示语模态框 X = 提示文本 t = 持续时间
*/
Tools.Alert = function (X,t) {
    var p = document.createElement("p");
    p.textContent = X;
    var body = document.getElementsByTagName("body")[0];
    var time = 2000;
    p.style = "display:block;position:absolute;top:50%;left:50%;color:#fff;background:rgba(0,0,0,.8);padding:.4em;8em,z-index:999999999;border-radius:5px; -webkit-transform: translate(-50%,-50%);- moz - transform: translate(-50 %,-50 %);-ms - transform: translate(-50 %,-50 %);-o - transform: translate(-50 %,-50 %);transform: translate(-50 %,-50 %);";
    body.appendChild(p);
    if (!!t) {
        time = t;
    }
    setTimeout(function () {
        p.remove();
    },time)
}
/**
*提示框
* @param phone
* 手机号隐藏中间四位
*/
Tools.phoneHideMidFour=function(phone){
    var newPhone = phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
    return newPhone;
}
/**
 * 事件委托
 * @param {any} element
 * @param {any} evnt
 * @param {any} funct
 */
Tools.addEvent =function(element, evnt, funct) {
    if (element.attachEvent) // IE < 9
        return element.attachEvent('on' + evnt, funct);
    else
        return element.addEventListener(evnt, funct, false);
}
/**
 * *事件触发
 * @param {any} ele
 * @param {any} event
 */
Tools.trigger =function (ele, event) {
    //IE
    if (document.all) {
        ele.click();
    }
    // 其它浏览器
    else {
        var e = document.createEvent("MouseEvents");
        e.initEvent(event, true, true);              //这里的click可以换成你想触发的行为
        ele.dispatchEvent(e);   //这里的ele可以换成你想触发行为的DOM结点
    }
}
//@argument
Tools.sibling = function (elem) {

    var r = [];
    var n = elem.parentNode.firstChild;
    for (; n; n = n.nextSibling) {
        if (n.nodeType === 1 && n !== elem) {
            r.push(n);
        }
    }
    return r;
}

猜你喜欢

转载自blog.csdn.net/weixin_39685861/article/details/80371760