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;
}
js常用方法封装
猜你喜欢
转载自blog.csdn.net/weixin_39685861/article/details/80371760
今日推荐
周排行