我自己的Javascript 库，封装了一些常用函数 Kingwell.js-阿里云开发者社区

我自己的Javascript 库，封装了一些常用函数 Kingwell.js

博客分类：

Javascript

现在Javascript库海量，流行的也多，比如jQuery，YUI等，虽然功能强大，但也是不万能的，功能不可能涉及方方面面，自己写一个的JS库是对这些的补充，很多也比较实用，把应用到项目中中去也比较方面，这也是对工作的一些积累，也加深对知识的理解。

2012-6-20更新，添加设置Cookie，获取Cookie，删除Cookie方法。很实用哦.......................

2012-7-22更新，表格排序，获取URL参数，批量清除Cookie...

2012-8-24更新，动态加载JS，Ajax封装，HTML编码...

Js代码

/*
* Name : Kingwell JavaScript Library v1.5
* Author : Kingwell Leng
* E-mial : jinhua.leng ### gamil.com
* Blog : http://www.cnblogs.com/kingwell/ http://kingwell-leng.iteye.com/admin
* Date : 2013-4-31 15:07
*/
(function (w, d) {
if (!window.KW) {
window.KW = {};
}
var location = window.location,
de = d.documentElement,
userAgent = navigator.userAgent.toLowerCase(),
ie6 = /msie 6.0/.test(userAgent),
opera = /opera/.test(userAgent),
ie = /msie/.test(userAgent) && !opera,
safari = /webkit/.test(userAgent),
ff = /firefox/.test(userAgent);
var tip = {
require : '缺少参数，参数必须的',
rule : '参数不合法'
};
KW = {
name : 'Kingwell Javascript Library',
version : '1.5',
debug : true,
namespace : function (name) {
var parts = name.split('.');
var current = KW;
for (var i in parts) {
if (!current[parts[i]]) {
current[parts[i]] = {};
}
current = current[parts[i]];
}
},
Dom : {
$ : function (id) {
return typeof id === 'string' ? d.getElementById(id) : id;
},
remove : function (o) {
var obj = this.$(o);
if (!obj) {
return;
}
return obj.parentNode.removeChild(obj);
},
setOpacity : function (obj, val) {
var vals = (typeof obj === "number" && val <= 100 && val >= 0) ? val : 100;
if (!obj) {
return;
}
if (ie) {
obj.style.filter = 'alpha(opacity=' + vals + ')';
} else {
obj.style.opacity = vals / 100;
}
},
getMaxZindex : function (o) {
var maxZindex = 0;
var obj = o ? o : '*';
var divs = d.getElementsByTagName(obj);
for (z = 0; z < divs.length; z++) {
maxZindex = Math.max(maxZindex, divs[z].style.zIndex);
}
return maxZindex;
},
createElement : function (type, prop) {
var tmp = d.createElement(type);
for (var i in prop) {
tmp.setAttribute(i, prop[i]);
}
return tmp;
},
createTextNode : function (txt) {
return d.createTextNode(txt);
},
hasAttr : function (obj, attr) {
obj.getAttribute(attr);
return obj;
},
setAttr : function (obj, attr) {
var self = this;
for (var i in attr) {
if (i === 'class') {
self.addClass(obj, attr[i]);
} else {
obj.setAttribute(i, attr[i]);
}
}
return obj;
},
removeAttr : function (obj, attr) {
obj.removeAttribute(attr);
return obj;
},
getClass : function (c, pd) {
var all = pd ? d.getElementsByName(pd).getElementsByTagName("*") : d.getElementsByTagName("*"),
str = "",
n = [];
for (var i = 0; i < all.length; i++) {
if (KW.Dom.hasClass(all[i], c)) {
n.push(all[i]);
}
}
return n;
},
addClass : function (o, str) {
var obj = this.$(o);
if (!obj) {
return;
}
var className = obj.className;
var reg = eval("/^" + str + "$ | " + str + "$|^" + str + " | " + str + " /");
if (reg.test(className)) {
return;
}
if (className !== '') {
obj.className = className + " " + str;
} else {
obj.className = str;
}
},
removeClass : function (o, str) {
var obj = this.$(o);
if (!obj) {
return;
}
var className = obj.className;
if (this.isNull(className)) {
var reg = new RegExp(str, "g");
var n = className.replace(reg, "");
obj.className = n;
}
},
hasClass : function (o, str) {
if (!o) {
return;
}
var obj = this.$(o);
var className = obj.className;
var reg = eval("/^" + str + "$| " + str + "$|^" + str + " | " + str + " /");
if (reg.test(className)) {
return true;
} else {
return false;
}
},
html : function (obj, html) {
if (html) {
obj.innerHTML = html;
} else {
return obj.innerHTML;
}
},
text : function (obj, text) {
if (text) {
if (document.textContent) {
obj.textContent = text;
} else {
obj.innerText = text;
}
} else {
if (document.textConten) {
return obj.textContent;
} else {
return obj.innerText;
}
}
}
},
Events : {
addEvent : function (oTarget, oType, fnHandler) {
var self = this;
if (oTarget.addEventListener) {
oTarget.addEventListener(oType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent('on' + oType, fnHandler);
} else {
oTarget['on' + oType] = fnHandler;
}
},
removeEvent : function (oTarget, oType, fnHandler) {
var self = this;
if (oTarget.removeEventListener) {
oTarget.removeEventListener(oType, fnHandler, false);
} else if (oTarget.detachEvent) {
oTarget.detachEvent('on' + oType, fnHandler);
} else {
oTarget['on' + oType] = null;
}
},
getEvent : function (ev) {
return ev || window.event;
},
getTarget : function (ev) {
return this.getEvent(ev).target || this.getEvent().srcElement;
},
stopPropagation : function () {
if (window.event) {
return this.getEvent().cancelBubble = true;
} else {
return arguments.callee.caller.arguments[0].stopPropagation();
}
},
stopDefault : function () {
if (window.event) {
return this.getEvent().returnValue = false;
} else {
return arguments.callee.caller.arguments[0].preventDefault();
}
}
},
Ready : function (loadEvent) {
if (!loadEvent) {
return;
}
var init = function () {
if (arguments.callee.done) {
return;
} else {
arguments.callee.done = true;
}
loadEvent.apply(d, arguments);
};
if (d.addEventListener) {
d.addEventListener("DOMContentLoaded", init, false);
return;
}
if (safari) {
var _timer = setInterval(function () {
if (/loaded|complete/.test(d.readyState)) {
clearInterval(_timer);
init();
}
}, 10);
}
d.write('<script id="_ie_onload" defer src="javascript:void(0)"><\/script>');
var script = d.getElementById('_ie_onload');
script.onreadystatechange = function () {
if (this.readyState == 'complete') {
init();
}
};
return true;
},
Storage : {
setItem : function (strName, strValue) {
if (Storage) {}
else if (Storage) {}
else {}
},
getItem : function (strValue) {},
removeItem : function (strValue) {},
removeAll : function () {}
},
getScript : function (obj, callback, order) {
var self = this,
arr = obj,
timeout,
ord = order || true,
num = 0,
str = typeof obj === 'string';
if (!arr) {
this.Error(tip.require);
return;
}
function add() {
if (arr[0] === undefined) {
return;
}
var script = KW.Dom.createElement("script", {
'src' : (str ? obj : arr[num]),
'type' : 'text/javascript'
}),
header = d.getElementsByTagName("head")[0];
if (str) {
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState === 'loaded' || script.readyState === 'complete') {
script.onreadystatechange = null;
callback && callback();
}
};
} else {
script.onload = function () {
callback && callback();
};
}
} else {
if (arr.length >= 1) {
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState === 'loaded' || script.readyState === 'complete') {
script.onreadystatechange = null;
arr.shift();
timeout = setTimeout(add, 1);
}
};
} else {
script.onload = function () {
arr.shift();
timeout = setTimeout(add, 1);
};
}
} else {
clearTimeout(timeout);
callback && callback();
}
}
header.appendChild(script);
}
add();
},
Ajax : function (obj) {
if (!obj.url) {
return false;
}
var method = obj.type || "GET";
var async = obj.async || true;
var dataType = obj.dataType;
var XHR = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
XHR.open(method, obj.url, async);
XHR.setRequestHeader('If-Modified-Since', 'Thu, 06 Apr 2006 00:00: 00 GMT');
XHR.send(null);
if (obj.sendBefore) {
obj.sendBefore();
}
XHR.onreadystatechange = function () {
if (XHR.readyState == 4 && (XHR.status >= 200 && XHR.status < 300 || XHR.status == 304)) {
if (obj.success) {
if (dataType && dataType.toLocaleLowerCase() === "json") {
obj.success.call(XHR, eval("(" + XHR.responseText + ")"));
} else if (dataType && dataType.toLocaleLowerCase() === "xml") {
obj.success.call(XHR, XHR.responseXML);
} else {
obj.success.call(XHR, XHR.responseText);
}
}
if (obj.complete) {
obj.complete();
}
} else {
if (obj.complete) {
obj.complete();
}
}
};
},
Cookies : {
setCookie : function (sName, sValue, oExpires, sPath, sDomain, bSecure) {
var sCookie = sName + '=' + encodeURIComponent(sValue);
if (oExpires) {
var date = new Date();
date.setTime(date.getTime() + oExpires * 60 * 60 * 1000);
sCookie += '; expires=' + date.toUTCString();
}
if (sPath) {
sCookie += '; path=' + sPath;
}
if (sDomain) {
sCookie += '; domain=' + sDomain;
}
if (bSecure) {
sCookie += '; secure';
}
d.cookie = sCookie;
},
getCookie : function (sName) {
var sRE = '(?:; )?' + sName + '=([^;]*)';
var oRE = new RegExp(sRE);
if (oRE.test(d.cookie)) {
return decodeURIComponent(RegExp[$1]);
} else {
return null;
}
},
removeCookie : function (sName, sPath, sDomain) {
this.setCookie(sName, '', new Date(0), sPath, sDomain);
},
clearAllCookie : function () {
var cookies = d.cookie.split(";");
var len = cookies.length;
for (var i = 0; i < len; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
name = name.replace(/^\s*|\s*$/, "");
d.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
}
}
},
tabSort : function (sTableID, iCol, sDataType) { //排序函数，sTableID为目标,iCol哪列排序，为必需，sDataType可选
var oTable = document.getElementById(sTableID);
var oTBody = oTable.tBodies[0];
var colDataRows = oTBody.rows;
var aTRs = [];
var len = colDataRows.length;
function convert(sValue, sDataType) { //类型转，根据不同类型数据排序，比如，整型，日期，浮点，字符串，接受两个参数，一个是值，一个是排序的数据类型
switch (sDataType) {
case "int":
return parseInt(sValue);
case "float":
return parseFloat(sValue);
case "date":
return new Date(Date.parse(sValue));
default:
return sValue.toString();
}
}
function geterateCompareTRs(iCol, sDataType) { //比较函数，用于sort排序用
return function compareTRs(oTR1, oTR2) {
var vValue1,
vValue2;
if (oTR1.cells[iCol].getAttribute("value")) { //用于高级排序，比如图片，添加一个额外的属性来排序
vValue1 = convert(oTR1.cells[iCol].getAttribute("value"), sDataType);
vValue2 = convert(oTR2.cells[iCol].getAttribute("value"), sDataType);
} else {
vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);
}
if (vValue1 < vValue2) {
return -1;
} else if (vValue1 > vValue2) {
return 1;
} else {
return 0;
}
};
}
for (var i = 0; i < len; i++) {
aTRs[i] = colDataRows[i];
}
if (oTable.sortCol == iCol) { //如果已经排序，则倒序
aTRs.reverse();
} else {
aTRs.sort(geterateCompareTRs(iCol, sDataType));
}
var oFragment = document.createDocumentFragment();
var trlen = aTRs.length;
for (var j = 0; j < trlen; j++) {
oFragment.appendChild(aTRs[j]);
}
oTBody.appendChild(oFragment);
oTable.sortCol = iCol; //设置一个状态
},
Browse : {
isIE : ie,
isFF : ff
},
trim : function (str) {
var re = /^\s*(.*?)\s*$/;
return str.replace(re, '$1');
},
escape : function (str) {
var s = "";
if (str.length === 0) {
return "";
}
s = str.replace(/&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/ /g, " ");
s = s.replace(/\'/g, "'");
s = s.replace(/\"/g, """);
return s;
},
getQueryString : function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = location.search.substr(1).match(reg);
if (r !== null)
return unescape(r[2]);
return null;
},
Error : function (obj, info) {
if (!this.debug) {
return;
}
throw Error(obj);
}
};
Kingwell = KW;
})(window, document);

不断地完善中....有些功能正在做，有些还在测试，现在还不完善。

我自己的Javascript 库，封装了一些常用函数 Kingwell.js

我自己的Javascript 库，封装了一些常用函数 Kingwell.js

热门文章

最新文章

相关课程

相关电子书

相关实验场景