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

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

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

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

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

  1. /*
  2. * Name    : Kingwell JavaScript Library v1.5
  3. * Author  : Kingwell Leng
  4. * E-mial  : jinhua.leng ### gamil.com
  5. * Blog    : http://www.cnblogs.com/kingwell/ http://kingwell-leng.iteye.com/admin
  6. * Date    : 2013-4-31 15:07
  7. */
  8. (function (w, d) {
  9. if (!window.KW) {
  10. window.KW = {};
  11. }
  12. var location = window.location,
  13. de = d.documentElement,
  14. userAgent = navigator.userAgent.toLowerCase(),
  15. ie6 = /msie 6.0/.test(userAgent),
  16. opera = /opera/.test(userAgent),
  17. ie = /msie/.test(userAgent) && !opera,
  18. safari = /webkit/.test(userAgent),
  19. ff = /firefox/.test(userAgent);
  20. var tip = {
  21. require : '缺少参数,参数必须的',
  22. rule : '参数不合法'
  23. };
  24. KW = {
  25. name : 'Kingwell Javascript Library',
  26. version : '1.5',
  27. debug : true,
  28. namespace : function (name) {
  29. var parts = name.split('.');
  30. var current = KW;
  31. for (var i in parts) {
  32. if (!current[parts[i]]) {
  33. current[parts[i]] = {};
  34. }
  35. current = current[parts[i]];
  36. }
  37. },
  38. Dom : {
  39. $ : function (id) {
  40. return typeof id === 'string' ? d.getElementById(id) : id;
  41. },
  42. remove : function (o) {
  43. var obj = this.$(o);
  44. if (!obj) {
  45. return;
  46. }
  47. return obj.parentNode.removeChild(obj);
  48. },
  49. setOpacity : function (obj, val) {
  50. var vals = (typeof obj === "number" && val <= 100 && val >= 0) ? val : 100;
  51. if (!obj) {
  52. return;
  53. }
  54. if (ie) {
  55. obj.style.filter = 'alpha(opacity=' + vals + ')';
  56. } else {
  57. obj.style.opacity = vals / 100;
  58. }
  59. },
  60. getMaxZindex : function (o) {
  61. var maxZindex = 0;
  62. var obj = o ? o : '*';
  63. var divs = d.getElementsByTagName(obj);
  64. for (z = 0; z < divs.length; z++) {
  65. maxZindex = Math.max(maxZindex, divs[z].style.zIndex);
  66. }
  67. return maxZindex;
  68. },
  69. createElement : function (type, prop) {
  70. var tmp = d.createElement(type);
  71. for (var i in prop) {
  72. tmp.setAttribute(i, prop[i]);
  73. }
  74. return tmp;
  75. },
  76. createTextNode : function (txt) {
  77. return d.createTextNode(txt);
  78. },
  79. hasAttr : function (obj, attr) {
  80. obj.getAttribute(attr);
  81. return obj;
  82. },
  83. setAttr : function (obj, attr) {
  84. var self = this;
  85. for (var i in attr) {
  86. if (i === 'class') {
  87. self.addClass(obj, attr[i]);
  88. } else {
  89. obj.setAttribute(i, attr[i]);
  90. }
  91. }
  92. return obj;
  93. },
  94. removeAttr : function (obj, attr) {
  95. obj.removeAttribute(attr);
  96. return obj;
  97. },
  98. getClass : function (c, pd) {
  99. var all = pd ? d.getElementsByName(pd).getElementsByTagName("*") : d.getElementsByTagName("*"),
  100. str = "",
  101. n = [];
  102. for (var i = 0; i < all.length; i++) {
  103. if (KW.Dom.hasClass(all[i], c)) {
  104. n.push(all[i]);
  105. }
  106. }
  107. return n;
  108. },
  109. addClass : function (o, str) {
  110. var obj = this.$(o);
  111. if (!obj) {
  112. return;
  113. }
  114. var className = obj.className;
  115. var reg = eval("/^" + str + "$ | " + str + "$|^" + str + " | " + str + " /");
  116. if (reg.test(className)) {
  117. return;
  118. }
  119. if (className !== '') {
  120. obj.className = className + " " + str;
  121. } else {
  122. obj.className = str;
  123. }
  124. },
  125. removeClass : function (o, str) {
  126. var obj = this.$(o);
  127. if (!obj) {
  128. return;
  129. }
  130. var className = obj.className;
  131. if (this.isNull(className)) {
  132. var reg = new RegExp(str, "g");
  133. var n = className.replace(reg, "");
  134. obj.className = n;
  135. }
  136. },
  137. hasClass : function (o, str) {
  138. if (!o) {
  139. return;
  140. }
  141. var obj = this.$(o);
  142. var className = obj.className;
  143. var reg = eval("/^" + str + "$| " + str + "$|^" + str + " | " + str + " /");
  144. if (reg.test(className)) {
  145. return true;
  146. } else {
  147. return false;
  148. }
  149. },
  150. html : function (obj, html) {
  151. if (html) {
  152. obj.innerHTML = html;
  153. } else {
  154. return obj.innerHTML;
  155. }
  156. },
  157. text : function (obj, text) {
  158. if (text) {
  159. if (document.textContent) {
  160. obj.textContent = text;
  161. } else {
  162. obj.innerText = text;
  163. }
  164. } else {
  165. if (document.textConten) {
  166. return obj.textContent;
  167. } else {
  168. return obj.innerText;
  169. }
  170. }
  171. }
  172. },
  173. Events : {
  174. addEvent : function (oTarget, oType, fnHandler) {
  175. var self = this;
  176. if (oTarget.addEventListener) {
  177. oTarget.addEventListener(oType, fnHandler, false);
  178. } else if (oTarget.attachEvent) {
  179. oTarget.attachEvent('on' + oType, fnHandler);
  180. } else {
  181. oTarget['on' + oType] = fnHandler;
  182. }
  183. },
  184. removeEvent : function (oTarget, oType, fnHandler) {
  185. var self = this;
  186. if (oTarget.removeEventListener) {
  187. oTarget.removeEventListener(oType, fnHandler, false);
  188. } else if (oTarget.detachEvent) {
  189. oTarget.detachEvent('on' + oType, fnHandler);
  190. } else {
  191. oTarget['on' + oType] = null;
  192. }
  193. },
  194. getEvent : function (ev) {
  195. return ev || window.event;
  196. },
  197. getTarget : function (ev) {
  198. return this.getEvent(ev).target || this.getEvent().srcElement;
  199. },
  200. stopPropagation : function () {
  201. if (window.event) {
  202. return this.getEvent().cancelBubble = true;
  203. } else {
  204. return arguments.callee.caller.arguments[0].stopPropagation();
  205. }
  206. },
  207. stopDefault : function () {
  208. if (window.event) {
  209. return this.getEvent().returnValue = false;
  210. } else {
  211. return arguments.callee.caller.arguments[0].preventDefault();
  212. }
  213. }
  214. },
  215. Ready : function (loadEvent) {
  216. if (!loadEvent) {
  217. return;
  218. }
  219. var init = function () {
  220. if (arguments.callee.done) {
  221. return;
  222. } else {
  223. arguments.callee.done = true;
  224. }
  225. loadEvent.apply(d, arguments);
  226. };
  227. if (d.addEventListener) {
  228. d.addEventListener("DOMContentLoaded", init, false);
  229. return;
  230. }
  231. if (safari) {
  232. var _timer = setInterval(function () {
  233. if (/loaded|complete/.test(d.readyState)) {
  234. clearInterval(_timer);
  235. init();
  236. }
  237. }, 10);
  238. }
  239. d.write('<script id="_ie_onload" defer src="javascript:void(0)"><\/script>');
  240. var script = d.getElementById('_ie_onload');
  241. script.onreadystatechange = function () {
  242. if (this.readyState == 'complete') {
  243. init();
  244. }
  245. };
  246. return true;
  247. },
  248. Storage : {
  249. setItem : function (strName, strValue) {
  250. if (Storage) {}
  251. else if (Storage) {}
  252. else {}
  253. },
  254. getItem : function (strValue) {},
  255. removeItem : function (strValue) {},
  256. removeAll : function () {}
  257. },
  258. getScript : function (obj, callback, order) {
  259. var self = this,
  260. arr = obj,
  261. timeout,
  262. ord = order || true,
  263. num = 0,
  264. str = typeof obj === 'string';
  265. if (!arr) {
  266. this.Error(tip.require);
  267. return;
  268. }
  269. function add() {
  270. if (arr[0] === undefined) {
  271. return;
  272. }
  273. var script = KW.Dom.createElement("script", {
  274. 'src' : (str ? obj : arr[num]),
  275. 'type' : 'text/javascript'
  276. }),
  277. header = d.getElementsByTagName("head")[0];
  278. if (str) {
  279. if (script.readyState) {
  280. script.onreadystatechange = function () {
  281. if (script.readyState === 'loaded' || script.readyState === 'complete') {
  282. script.onreadystatechange = null;
  283. callback && callback();
  284. }
  285. };
  286. } else {
  287. script.onload = function () {
  288. callback && callback();
  289. };
  290. }
  291. } else {
  292. if (arr.length >= 1) {
  293. if (script.readyState) {
  294. script.onreadystatechange = function () {
  295. if (script.readyState === 'loaded' || script.readyState === 'complete') {
  296. script.onreadystatechange = null;
  297. arr.shift();
  298. timeout = setTimeout(add, 1);
  299. }
  300. };
  301. } else {
  302. script.onload = function () {
  303. arr.shift();
  304. timeout = setTimeout(add, 1);
  305. };
  306. }
  307. } else {
  308. clearTimeout(timeout);
  309. callback && callback();
  310. }
  311. }
  312. header.appendChild(script);
  313. }
  314. add();
  315. },
  316. Ajax : function (obj) {
  317. if (!obj.url) {
  318. return false;
  319. }
  320. var method = obj.type || "GET";
  321. var async = obj.async || true;
  322. var dataType = obj.dataType;
  323. var XHR = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
  324. XHR.open(method, obj.url, async);
  325. XHR.setRequestHeader('If-Modified-Since', 'Thu, 06 Apr 2006 00:00: 00 GMT');
  326. XHR.send(null);
  327. if (obj.sendBefore) {
  328. obj.sendBefore();
  329. }
  330. XHR.onreadystatechange = function () {
  331. if (XHR.readyState == 4 && (XHR.status >= 200 && XHR.status < 300 || XHR.status == 304)) {
  332. if (obj.success) {
  333. if (dataType && dataType.toLocaleLowerCase() === "json") {
  334. obj.success.call(XHR, eval("(" + XHR.responseText + ")"));
  335. } else if (dataType && dataType.toLocaleLowerCase() === "xml") {
  336. obj.success.call(XHR, XHR.responseXML);
  337. } else {
  338. obj.success.call(XHR, XHR.responseText);
  339. }
  340. }
  341. if (obj.complete) {
  342. obj.complete();
  343. }
  344. } else {
  345. if (obj.complete) {
  346. obj.complete();
  347. }
  348. }
  349. };
  350. },
  351. Cookies : {
  352. setCookie : function (sName, sValue, oExpires, sPath, sDomain, bSecure) {
  353. var sCookie = sName + '=' + encodeURIComponent(sValue);
  354. if (oExpires) {
  355. var date = new Date();
  356. date.setTime(date.getTime() + oExpires * 60 * 60 * 1000);
  357. sCookie += '; expires=' + date.toUTCString();
  358. }
  359. if (sPath) {
  360. sCookie += '; path=' + sPath;
  361. }
  362. if (sDomain) {
  363. sCookie += '; domain=' + sDomain;
  364. }
  365. if (bSecure) {
  366. sCookie += '; secure';
  367. }
  368. d.cookie = sCookie;
  369. },
  370. getCookie : function (sName) {
  371. var sRE = '(?:; )?' + sName + '=([^;]*)';
  372. var oRE = new RegExp(sRE);
  373. if (oRE.test(d.cookie)) {
  374. return decodeURIComponent(RegExp[$1]);
  375. } else {
  376. return null;
  377. }
  378. },
  379. removeCookie : function (sName, sPath, sDomain) {
  380. this.setCookie(sName, '', new Date(0), sPath, sDomain);
  381. },
  382. clearAllCookie : function () {
  383. var cookies = d.cookie.split(";");
  384. var len = cookies.length;
  385. for (var i = 0; i < len; i++) {
  386. var cookie = cookies[i];
  387. var eqPos = cookie.indexOf("=");
  388. var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
  389. name = name.replace(/^\s*|\s*$/, "");
  390. d.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
  391. }
  392. }
  393. },
  394. tabSort : function (sTableID, iCol, sDataType) { //排序函数,sTableID为目标,iCol哪列排序,为必需,sDataType可选
  395. var oTable = document.getElementById(sTableID);
  396. var oTBody = oTable.tBodies[0];
  397. var colDataRows = oTBody.rows;
  398. var aTRs = [];
  399. var len = colDataRows.length;
  400. function convert(sValue, sDataType) { //类型转,根据不同类型数据排序,比如,整型,日期,浮点,字符串,接受两个参数,一个是值,一个是排序的数据类型
  401. switch (sDataType) {
  402. case "int":
  403. return parseInt(sValue);
  404. case "float":
  405. return parseFloat(sValue);
  406. case "date":
  407. return new Date(Date.parse(sValue));
  408. default:
  409. return sValue.toString();
  410. }
  411. }
  412. function geterateCompareTRs(iCol, sDataType) { //比较函数,用于sort排序用
  413. return function compareTRs(oTR1, oTR2) {
  414. var vValue1,
  415. vValue2;
  416. if (oTR1.cells[iCol].getAttribute("value")) { //用于高级排序,比如图片,添加一个额外的属性来排序
  417. vValue1 = convert(oTR1.cells[iCol].getAttribute("value"), sDataType);
  418. vValue2 = convert(oTR2.cells[iCol].getAttribute("value"), sDataType);
  419. } else {
  420. vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
  421. vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);
  422. }
  423. if (vValue1 < vValue2) {
  424. return -1;
  425. } else if (vValue1 > vValue2) {
  426. return 1;
  427. } else {
  428. return 0;
  429. }
  430. };
  431. }
  432. for (var i = 0; i < len; i++) {
  433. aTRs[i] = colDataRows[i];
  434. }
  435. if (oTable.sortCol == iCol) { //如果已经排序,则倒序
  436. aTRs.reverse();
  437. } else {
  438. aTRs.sort(geterateCompareTRs(iCol, sDataType));
  439. }
  440. var oFragment = document.createDocumentFragment();
  441. var trlen = aTRs.length;
  442. for (var j = 0; j < trlen; j++) {
  443. oFragment.appendChild(aTRs[j]);
  444. }
  445. oTBody.appendChild(oFragment);
  446. oTable.sortCol = iCol; //设置一个状态
  447. },
  448. Browse : {
  449. isIE : ie,
  450. isFF : ff
  451. },
  452. trim : function (str) {
  453. var re = /^\s*(.*?)\s*$/;
  454. return str.replace(re, '$1');
  455. },
  456. escape : function (str) {
  457. var s = "";
  458. if (str.length === 0) {
  459. return "";
  460. }
  461. s = str.replace(/&/g, "&amp;");
  462. s = s.replace(/</g, "&lt;");
  463. s = s.replace(/>/g, "&gt;");
  464. s = s.replace(/ /g, "&nbsp;");
  465. s = s.replace(/\'/g, "'");
  466. s = s.replace(/\"/g, "&quot;");
  467. return s;
  468. },
  469. getQueryString : function (name) {
  470. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  471. var r = location.search.substr(1).match(reg);
  472. if (r !== null)
  473. return unescape(r[2]);
  474. return null;
  475. },
  476. Error : function (obj, info) {
  477. if (!this.debug) {
  478. return;
  479. }
  480. throw Error(obj);
  481. }
  482. };
  483. Kingwell = KW;
  484. })(window, document);

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

上一篇:【php增删改查实例】第十一节 - 部门管理模块(编辑功能)


下一篇:JavaScript字符串插入、删除、替换函数