javascript 基础类

  1 /**
  2  * @说明 基础javascript 可以与jquery同时使用 基础javascript
  3  * @author xxd
  4  * @date 20140729
  5  */
  6 /**
  7  * 以 _ 开头函数为私有函数
  8  */
  9 
 10 
 11 /*命名空间函数 避免冲突*/
 12 var GLOBAL={};
 13 GLOBAL.namespace = function(str){
 14   var arr = str.split("."),o=GLOBAL;
 15   for(i=(arr[0]=="GLOBAL")?1:0;i<arr.length;i++){
 16      o[arr[i]] = o[arr[i]]||{};
 17      o =o[arr[i]];
 18   }
 19 }
 20 /*DOM对象操作*/
 21 GLOBAL.namespace("Dom");
 22 /*取得DOM节点,通过id 或者node 根据node 类型*/
 23 GLOBAL.Dom.getNextNode=function(node){
 24     node = (typeof node=="string") ? document.getElementById(node):node;
 25     var nextNode = node.nextSibling;
 26     if(!nextNode) return null;
 27     if(!document.all)
 28     {
 29        while(true)
 30        {
 31          if(nextNode.nodeType==1)
 32          {
 33             break;     
 34          }
 35          else
 36          {
 37              if(nextNode.nextSibling)
 38              {
 39                  nextNode = nextNode.nextSibling;
 40              }
 41              else
 42              {
 43                  break;     
 44              }
 45          }
 46        }
 47     }
 48     return nextNode;
 49 }
 50 /*通过类名获得Dom节点*/
 51 GLOBAL.Dom.getElementByClassName=function(str,root,tag){
 52     if(root)
 53     {
 54        root=typeof root=="string"?document.getElementById(root):root;
 55     }else
 56     {
 57        root = document.body;
 58     }
 59     tag =tag||"*";
 60     var els = root.getElementsByTagName(tag),arr=[];
 61     for(var i=0,n=els.lenght;i<n;i++)
 62     {
 63         for(var j=0,k=els[i].classname.split(" "),l=k.length;j<l;j++)
 64         {
 65             if(k[j]==str)
 66             {
 67                 arr.push(els[i]);
 68                 break;
 69             }
 70         }
 71     }
 72     return arr;
 73 }
 74 /*更具ID得到DOM*/
 75 GLOBAL.Dom.get=function(node){
 76     node = (typeof node=="string")?document.getElementById(node):node;
 77     return  node;
 78 }
 79 /*设置DOM CSS样式*/
 80 
 81 
 82 GLOBAL.Dom.setClass =function(node,str){
 83     if(!new RegExp("(^|\\s+)"+str).test(node.className))
 84     {
 85       node.className = str;    
 86     }
 87 }
 88 
 89 GLOBAL.Dom.setStyle = function(p_elem, p_styles) {
 90     var s;
 91     for (s in p_styles) {
 92         p_elem.style[s] = p_styles[s]
 93     }
 94 }
 95 
 96 
 97 GLOBAL.Dom.setAttribute = function(p_elem, p_styles) {
 98     var s;
 99     for (s in p_styles) {
100         p_elem.setAttribute(s,p_styles[s]);
101     }
102 }
103 
104 GLOBAL.Dom.addClass = function(element, classToAdd) {
105     var currentClassValue = element.className;
106     if (currentClassValue.indexOf(classToAdd) == -1) {
107         if ((currentClassValue == null) || (currentClassValue === "")) {
108             element.className = classToAdd
109         } else {
110             element.className += " " + classToAdd
111         }
112     }
113 }
114 GLOBAL.Dom.removeClass = function(element, classToRemove) {
115     var currentClassValue = element.className;
116     if (currentClassValue == classToRemove) {
117         element.className = "";
118         return
119     }
120     var classValues = currentClassValue.split(" ");
121     var filteredList = [];
122     for (var i = 0; i < classValues.length; i++) {
123         if (classToRemove != classValues[i]) {
124             filteredList.push(classValues[i])
125         }
126     }
127     element.className = filteredList.join(" ")
128 }
129 GLOBAL.Dom.addStyleNode = function(strCss)
130 {   
131     var styleNode = document.createElement("style");
132     styleNode.type = "text/CSS";
133     if(styleNode.styleSheet)
134         {
135            styleNode.styleSheet.cssText = strCss;
136         }
137     else
138         {
139           styleNode.innerHTML = strCss;
140         }
141     document.getElementsByTagName("head")[0].appendChild(styleNode);
142     }
143 
144 
145 /*操作类*/
146 GLOBAL.namespace("TOOL");
147 /*设置节点透明度*/
148 GLOBAL.TOOL.setOpactity=function(node,level){
149     node = (typeof node=="string")?document.getElementById(node):node;
150     if( document.all)
151     {
152         node.style.filter = ‘alpha(opacity=‘+level+‘)‘;
153     }else
154     {
155         node.style.opacity=level/100;
156     }
157 }
158 
159 GLOBAL.TOOL.trim=function(ostr)
160 {
161     return ostr.replace(/^\s+|\s+$/g,"");
162 }
163 GLOBAL.TOOL.isNumber=function(s)
164 {
165     return !isNaN(s);
166 }
167 GLOBAL.TOOL.isString=function(s)
168 {
169    return typeof s==="string";    
170 }
171 GLOBAL.TOOL.isBoolean=function(s)
172 {
173     return typeof s==="boolean";
174 }
175 GLOBAL.TOOL.isFunction=function(s)
176 {
177     return typeof s==="function";
178 }
179 GLOBAL.TOOL.isNull=function(s)
180 {
181     return s===null;
182 }
183 
184 GLOBAL.TOOL.isUndefined=function(s)
185 {
186     return typeof s==="undefined";
187 }
188 
189 GLOBAL.TOOL.isEmpty=function(s)
190 {
191     return /^\s*$/.test(s);
192 }
193 
194 GLOBAL.TOOL.isArray=function(s)
195 {
196     return s instanceof Array;
197 }
198 
199 GLOBAL.TOOL.getNodeSize = function(w) {
200     var w = w;
201     return {
202         w: w.clientWidth,
203         h: w.clientHeight
204     }
205 }
206 GLOBAL.TOOL.cutString=function(str, len) {
207     if(str.length*2 <= len) {
208         return str;
209     }
210     var strlen = 0;
211     var s = "";
212     for(var i = 0;i < str.length; i++) {
213         s = s + str.charAt(i);
214         if (str.charCodeAt(i) > 128) {
215             strlen = strlen + 2;
216             if(strlen >= len){
217                 return s.substring(0,s.length-1) + "...";
218             }
219         } else {
220             strlen = strlen + 1;
221             if(strlen >= len){
222                 return s.substring(0,s.length-2) + "...";
223             }
224         }
225     }
226     return s;
227 }
228 /**时间间隔函数interval ：D表示查询精确到天数的之差
229 
230 interval ：H表示查询精确到小时之差
231 
232 interval ：M表示查询精确到分钟之差
233 
234 interval ：S表示查询精确到秒之差
235 
236 interval ：T表示查询精确到毫秒之差**/
237 GLOBAL.TOOL.dateDiff=
238 function(interval, date1, date2)
239 {
240    var objInterval = {‘D‘:1000 * 60 * 60 * 24,‘H‘:1000 * 60 * 60,‘M‘:1000 * 60,‘S‘:1000,‘T‘:1};
241    interval = interval.toUpperCase();
242    var dt1 = date1;
243    var dt2 = date2;
244    try
245    {
246       //alert(dt2.getTime() - dt1.getTime());
247       //alert(eval_r(‘objInterval.‘+interval));
248       //alert((dt2.getTime() - dt1.getTime()) / eval_r(‘objInterval.‘+interval));
249       return Math.round((dt2.getTime() - dt1.getTime()) / eval(‘objInterval.‘+interval));
250     }
251     catch (e)
252     {
253       return e.message;
254     }
255 }
256 
257 
258 /*继承*/
259 GLOBAL.TOOL.extend=function(subClass,superClass)
260 {
261     var F=function(){};
262     F.prototype=superClass.prototype;
263     subClass.prototype = new F();
264     subClass.prototype.constructor = subClass;
265     subClass.superclass = superClass.prototype;
266     if(superclass.prototype.constructor == Object.prototype.constructor)
267     {
268       superclass.prototype.constructor = superClass;
269     }
270 }
271 /*
272  * @parameters 为一个对象
273  * 返回一个带值的url字符串
274 */
275 GLOBAL.TOOL.creatGETParam=function(url,parameters)
276 {
277    var rtnStr= null;
278    var tmpStr=‘‘,str;
279    var i = 0;
280    rtnStr = url+"?";
281    for (var key in parameters) {
282         str = escape(key) +"="+escape(parameters[key]);
283         if(i==0)
284         {
285             tmpStr+=str;
286             i++;
287         }
288         else{
289             tmpStr+=‘&‘+str;
290         }
291    }
292    rtnStr+=tmpStr;
293    return rtnStr;
294 }
295 
296 GLOBAL.TOOL.cratePOSTParam=function(parameters)
297 {
298     var rtnStr =‘‘;
299     var i = 0;
300     var tmpStr=‘‘,str;
301     for(var key in parameters)
302     {
303         str = escape(key) +"="+escape(parameters[key]);
304         if(i==0)
305             {
306              tmpStr+=str;
307              i++;
308             }
309         else 
310             {
311              tmpStr+=‘&‘+str;
312             }
313     }
314     return tmpStr;
315 }
316 
317 //查找字符    
318 GLOBAL.TOOL.isHasStr =function(s,sfind)
319 {
320     if(typeof s==="string" && typeof sfind=="string")
321     {   
322         if(s.search(sfind)!=-1)
323         {
324             return true;
325         }
326     }
327     return false;
328 }
329  
330 //获取元素或窗口的scrollTop 和 scrollleft  IE 8+ firefox 
331 GLOBAL.TOOL.getScrollOffsets=function(w){
332     var w = w || window;
333     if (w.pageXoffset != null) {
334         return { x: w.pageXoffset, y: pageYoffset};
335     }
336     var d = w.document;
337     return {x:d.documentElement.scrollLeft?d.documentElement.scrollLeft:d.body.scrollLeft,y:d.documentElement.scrollTop?d.documentElement.scrollTop:d.body.scrollTop};
338 }
339 
340 //获取浏览器窗口大小 或者元素
341 GLOBAL.TOOL.getViewPortSize=function(w){
342     var w = w || window;
343     if (w.innerWidth != null)
344         return { w: w.innerWidth, h: w.innerHeight };
345     var d = w.document;
346     if (document.compatMode == "CSS1Compat")
347         return { w: d.documentElement.clientWidth, h: d.documentElement.clientHeight };
348     return { w: d.body.clientWidth, h: d.body.clientHeight };
349 }
350 
351 GLOBAL.TOOL.getPosition=function(element) {
352     if(element.getBoundingClientRect) {
353         var scrollOffsets = GLOBAL.TOOL.getScrollOffsets();
354         var box = element.getBoundingClientRect();
355         return{x:box.left + scrollOffsets.x,y:box.top + scrollOffsets.y};
356     }
357     var xPosition = 0;
358     var yPosition = 0;
359  
360     while(element) {
361         xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
362         yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
363         element = element.offsetParent;
364     }
365     return { x: xPosition, y: yPosition };
366 }
367 
368 GLOBAL.TOOL.getWindowPosition = function(element) {
369     if (element.getBoundingClientRect) {
370         var box = element.getBoundingClientRect();
371         return {
372             x: box.left,
373             y: box.top
374         }
375     }
376     var xPosition = 0;
377     var yPosition = 0;
378     while (element) {
379         xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
380         yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
381         element = element.offsetParent
382     }
383     return {
384         x: xPosition,
385         y: yPosition
386     }
387 }
388 
389 GLOBAL.TOOL.parsePx=function(paramter) {
390     var res = 0;
391     if (typeof(paramter) == "string" && paramter != null && paramter != "" ) {
392         var p = paramter.indexOf("px");
393         if (p >= 0) {
394             res = parseInt(paramter.substring(0, p));
395         }
396     }
397     return res;
398 }
399 /*事件操作*/
400 GLOBAL.namespace("Event");
401 
402 /*获取事件对象*/
403 GLOBAL.Event.getEventTarget=function(e){
404     e = window.event||e;
405     return e.srcElement||e.target;
406 }
407 
408 GLOBAL.Event.getEvent = function(e)
409 {
410     return e ? e : window.event;
411 }
412 /*事件冒泡*/
413 GLOBAL.Event.stopPropagation=function(e)
414 {
415     e = window.event||e;
416     if(document.all)
417     {
418       e.cancelBubble = true;    
419     }
420     else
421     {
422         e.stopPropagation();
423     }
424 }
425 
426 GLOBAL.Event.preventDefault = function(e)
427 {    
428      if (e.preventDefault){
429        e.preventDefault();
430      } else {
431       e.returnValue = false;
432      }
433 }
434 /*添加事件*/
435 GLOBAL.Event.on=function(node,eventType,handler,scope){
436     node = typeof node == "string" ? document.getElementById(node) : node;
437     scope = scope || node;
438     var callHandler = function() {
439             handler.apply(scope, arguments);
440         };
441     if (document.all) {
442         node.attachEvent("on" + eventType, callHandler);
443     } else {
444         node.addEventListener(eventType, callHandler, false);
445     }
446     return callHandler;
447 }
448 
449 GLOBAL.Event.remove = function(node, eventType, handler) {
450     node = typeof node == "string" ? document.getElementById(node) : node;
451     if (document.all) {
452         node.detachEvent("on" + eventType, handler);
453     } else {
454         node.removeEventListener(eventType, handler, false);
455     }
456 }
457 
458 /*单击与双击共存功能*/
459 GLOBAL.Event.EventClick = function(scopeclick,callclick,scopedbclick,calldbclick)
460 {
461   this._dcTime=250;          
462   this._dcAt=0;               
463   this._savEvtTime=0;   
464   this._savTO=null;
465   this._scopeclick = scopeclick;
466   this._callclick = callclick;
467   this._scopedbclick = scopedbclick;
468   this._calldbclick = calldbclick;  
469 }
470 GLOBAL.Event.EventClick.prototype.click = function(ev)
471 {
472     if(this._savEvtTime - this._dcAt <=0)
473     {
474       return false;
475     }
476     /*执行单击事件*/
477     this._callclick.apply(this._scopeclick,ev[0]);
478 }
479 GLOBAL.Event.EventClick.prototype.dbclick = function(ev)
480 {
481    var d = new Date();
482    this._dcAt = d.getTime();
483    if(this._savTO!=null){
484       GLOBAL.Timer.clearTimeout(this._savTO);
485    }
486    /*执行双击事件*/
487    this._calldbclick.apply(this._scopedbclick,ev);
488 }
489 
490 GLOBAL.Event.EventClick.prototype.handleEvent =function(ev) {
491    ev = window.event||ev;
492    switch (ev.type) {
493         case  "click" :
494             var d = new Date();
495             this._savEvtTime = d.getTime();
496             var paramter = [];
497             paramter[0] = ev;
498             this._savTO = GLOBAL.Timer.setTimeout(this.click,paramter,this._dcTime);
499             break;
500         case  "dblclick":
501             this.dbclick(ev);
502             break;
503     default:
504     }
505 }
506 
507 
508 GLOBAL.Event.getSelectText = function()
509 {
510     var text;
511     if (window.getSelection) {
512         text = window.getSelection();
513         return text;
514     }
515     else if (document.getSelection) {
516         text = document.getSelection();
517         return text;
518     }
519     else {
520         var selection = document.selection && document.selection.createRange();
521         text = selection.text;
522         
523         return text;
524     }
525     
526 }