分享别人写的一个小型js框架


Posted in Javascript onAugust 13, 2007

主要是集成了常用的扩展,包括Dom与String、Array、StringBuffer、NameSpace等,当然还少不了Ajax。体积约8k。因为严格控制体积,所以功能有限。如果只要Ajax部分,就1k而已。

这个小框架已经应用到公司的项目,并开始逐步在前端展示页面上接替prototype.js。以后将围绕这个框架做一些应用。

/* 
*    My JavaScript Framework 
*    Version    :    1.0 beta 
*    Author    :    misshjn 
*    Email    :    misshjn@163.com 
*/ 
function NameSpace(){}; 
function StringBuffer(){this.data = []}; var Method = { 
    Version : "1.0 beta", 
    Element    : function(){ 
        this.version = Method.Version; 
        this.hide = function(){this.style.display="none"; return this}; 
        this.show = function(){this.style.display=""; return this}; 
        this.getStyle = function(s){ 
            var value = this.style[s.camelize()]; 
            if (!value){ 
                if (this.currentStyle) { 
                    value = this.currentStyle[s.camelize()]; 
                }else if (document.defaultView && document.defaultView.getComputedStyle) { 
                    var css = document.defaultView.getComputedStyle(this, null); 
                    value = css ? css.getPropertyValue(s) : null; 
                } 
            } 
            return value; 
        }; 
        this.setStyle = function(s){ 
            var sList = s.split(";"); 
            for (var i=0,j; j=sList[i]; i++){ 
                var k = j.split(":"); 
                this.style[k[0].trim().camelize()] = k[1].trim(); 
            } 
            return this; 
        }; 
        this.toggle = function(){this.getStyle("display")=="none"?this.setStyle("display:"):this.setStyle("display:none"); return this}; 
        this.hasClassName = function(c){return this.className.hasSubString(c," ")?true:false;}; 
        this.addClassName = function(c){if(!this.hasClassName(c)){this.className+=" "+c};return this}; 
        this.removeClassName = function(c){if(this.hasClassName(c)){this.className = (" "+this.className+" ").replace(" "+c+" "," ").trim(); return this}}; 
        this.getElementsByClassName = function(c){return this.getElementsByAttribute("className",c)}; 
        this.getElementsByAttribute = function(n,v){ //name,value; 
            var elems = this.getElementsByTagName("*"); 
            var elemList = []; 
            for (var i=0,j; j=elems[i]; i++){ 
                var att = j[n] || j.getAttribute(n); 
                if (att==v){ 
                    elemList.push(j); 
                } 
            } 
            return elemList; 
        }; 
        this.parentIndex = function(p){ 
            if (this==p){return 0}             
            for (var i=0,n=this; n=n.parentNode; i++){ 
                if(n==p){return i;} 
                if(n==document.documentElement) return -1; 
            } 
        } 
        this.nextElement = function(){ 
            var n = this; 
            for (var i=0,n; n = n.nextSibling; i++){ 
                if(n.nodeType==1) return $(n); 
            } 
            return null; 
        }; 
        this.previousElement = function(){ 
            var n = this; 
            for (var i=0,n; n = n.previousSibling; i++){ 
                if(n.nodeType==1) return $(n); 
            } 
            return null; 
        }; 
        this.moveAhead = function(){ 
            if (this.previousElement()){ 
                this.parentNode.insertBefore(this,this.previousElement()); 
            } 
            return this; 
        }; 
        this.moveBack = function(){ 
            var n = this.nextElement(); 
            if (n){ 
                this.parentNode.removeChild(n); 
                this.parentNode.insertBefore(n,this); 
            } 
            return this; 
        }; 
    }, 
    Array :    function(){ 
        this.indexOf = function(){ 
            for (i=0; i<this.length; i++){ 
                if (this[i]==arguments[0]) 
                    return i; 
            } 
            return -1; 
         }; 
        this.lastIndexOf = function(){ 
            for (i=this.length-1; i>=0; i--){ 
                if (this[i]==arguments[0]) 
                    return i; 
            } 
            return -1; 
        }; 
        this.each = function(fn){ 
            for (var i=0,len=this.length; i<len; i++){ 
                fn(this[i]); 
            } 
            return this; 
        }; 
    }, 
    String : function(){ 
        this.trim = function(){ 
            var _re,_argument = arguments[0] || " "; 
            typeof(_argument)=="string"?(_argument == " "?_re = /(^\s*)|(\s*$)/g : _re = new RegExp("(^"+_argument+"*)|("+_argument+"*$)","g")) : _re = _argument; 
            return this.replace(_re,""); 
        }; 
        this.ltrim = function(){ 
            var _re, _argument = arguments[0] || " "; 
            typeof(_argument)=="string"?(_argument == " "?_re = /(^\s*)/g : _re = new RegExp("(^"+_argument+"*)","g")) : _re = _argument; 
            return this.replace(_re,""); 
        }; 
        this.rtrim = function(){ 
            var _re, _argument = arguments[0] || " "; 
            typeof(_argument)=="string"?(_argument == " "?_re = /(\s*$)/g : _re = new RegExp("("+_argument+"*$)","g")) : _re = _argument; 
            return this.replace(_re,""); 
        }; 
        this.concat = function(){ 
            var s = new StringBuffer(); 
            s.append(this); 
            for (var i=0,j; j=arguments[i]; i++){ 
                s.append(typeof j=="object" ? j.join("") : j); 
            } 
            return s.toString(); 
        }; 
        this.stripTags = function(){ 
            return this.replace(/<\/?[^>]+>/gi, ''); 
        }; 
        this.cint = function(){ 
            return this.replace(/\D/g,"")-0; 
        }; 
        this.camelize = function(){ 
            return this.replace(/(-\S)/g,function($1){return $1.toUpperCase().substring(1,2)}) 
        }; 
        this.hasSubString = function(s,f){ 
            if(!f) f=""; 
            var v = (f+this+f).indexOf(f+s+f); 
            return v==-1?false:v; 
        }; 
        this.toXMLString = function(){ 
            var arr = arguments[0].split("&"); 
            var str = new StringBuffer(); 
            for (var i=0,len=arr.length; i<len; i++){ 
                var item = arr[i].split("="); 
                str.append("<"+item[0]+"><![CDATA["+item[1]+"]]></"+item[0]+">"); 
            } 
            return str.toString(); 
        }; 
        this.URLEncode = function(){ return encodeURIComponent(this)}; 
        this.URLDecode = function(){ return decodeURIComponent(this)}; 
    }, 
    StringBuffer : function(){ 
        this.append = function(){this.data.push(arguments[0]);return this}; 
        this.toString = function(){return this.data.join(arguments[0]||"")}; 
        this.length = function(){return this.data.length}; 
    }, 
    NameSpace : function(){ 
        this.copyChild = this.appendChild = function(ns){ 
            for (var key in ns){ 
                this[key] = ns[key]; 
            } 
            return this; 
        }; 
    } 
}; 
Method.Array.apply(Array.prototype); 
Method.String.apply(String.prototype); 
Method.StringBuffer.apply(StringBuffer.prototype); 
Method.NameSpace.apply(NameSpace.prototype); 
function $(){ 
    var elem = typeof(arguments[0])=="string"?document.getElementById(arguments[0]):arguments[0]; 
    if (!elem){return null} 
    if (elem["version"]){return elem} 
    if ( arguments[1] == undefined || arguments[1]==true ){Method.Element.apply(elem);} 
    return elem; 
}; 
$(document); 
var Ajax={ 
    xmlhttp:function (){ 
        try{ 
            return new ActiveXObject('Msxml2.XMLHTTP'); 
        }catch(e){ 
            try{ 
                return new ActiveXObject('Microsoft.XMLHTTP'); 
            }catch(e){ 
                return new XMLHttpRequest(); 
            } 
        } 
    } 
}; 
Ajax.Request=function (){ 
    if(arguments.length<2)return ; 
    var para = {asynchronous:true,method:"GET",parameters:""}; 
    for (var key in arguments[1]){ 
        para[key] = arguments[1][key]; 
    } 
    var _x=Ajax.xmlhttp(); 
    var _url=arguments[0]; 
    if(para["parameters"].length>0) para["parameters"]+='&_='; 
    if(para["method"].toUpperCase()=="GET") _url+=(_url.match(/\?/)?'&':'?')+para["parameters"]; 
    _x.open(para["method"].toUpperCase(),_url,para["asynchronous"]); 
    _x.onreadystatechange=function (){ 
        if(_x.readyState==4){ 
            if(_x.status==200) 
                para["onComplete"]?para["onComplete"](_x):""; 
            else{ 
                para["onError"]?para["onError"](_x):""; 
            } 
        } 
    }; 
    if(para["method"].toUpperCase()=="POST")_x.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    for (var ReqHeader in para["setRequestHeader"]){ 
        _x.setRequestHeader(ReqHeader,para["setRequestHeader"][ReqHeader]); 
    } 
    _x.send(para["method"].toUpperCase()=="POST"?(para["postBody"]?para["postBody"]:para["parameters"]):null); 
}; 
var Cookies = { 
    get : function(n){ 
        var dc = "; "+document.cookie+"; "; 
        var coo = dc.indexOf("; "+n+"="); 
        if (coo!=-1){ 
            var s = dc.substring(coo+n.length+3,dc.length); 
            return unescape(s.substring(0, s.indexOf("; "))); 
        }else{ 
            return null; 
        } 
    }, 
    set : function(name,value,expires){ 
        var expDays = expires*24*60*60*1000; 
        var expDate = new Date(); 
        expDate.setTime(expDate.getTime()+expDays); 
        var expString = expires ? "; expires="+expDate.toGMTString() : ""; 
        var pathString = ";path=/"; 
        document.cookie = name + "=" + escape(value) + expString + pathString; 
    }, 
    del : function(n){ 
        var exp = new Date(); 
        exp.setTime(exp.getTime() - 1); 
        var cval=this.get(n); 
        if(cval!=null) document.cookie= n + "="+cval+";expires="+exp.toGMTString(); 
    } 
} 

function $A(list){ 
    var arr = []; 
    for (var i=0,len=list.length; i<len; i++){ 
        arr[i] = list[i]; 
    } 
    return arr; 
} 
function $D(str){return str.URLDecode();} 
function $E(str){return str.URLEncode();} 
function $V(id){return $(id).value} 
function request(paras){ 
    var url = location.href; 
    var paraString = "&"+url.substring(url.indexOf("?")+1,url.length)+"&"; 
    if (paraString.indexOf("&"+paras+"=")==-1){return ""}; 
    paraString = paraString.substring(paraString.indexOf("&"+paras+"=")+paras.length+2,paraString.length); 
    return paraString.substring(0,paraString.indexOf("&")); 
}
Javascript 相关文章推荐
js setTimeout 常见问题小结
Aug 13 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
canvas实现图像布局填充功能
Feb 06 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
JS实现盒子拖拽效果
Feb 06 Javascript
js实现经典贪吃蛇小游戏
Mar 19 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
javascript下查找父节点的简单方法
Aug 13 #Javascript
根据地区不同显示时间的javascript代码
Aug 13 #Javascript
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 #Javascript
Track Image Loading效果代码分析
Aug 13 #Javascript
不错的JS中变量相关的细节分析
Aug 13 #Javascript
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 #Javascript
TopList标签和JavaScript结合两例
Aug 12 #Javascript
You might like
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
PHP常用的三种设计模式
2017/02/17 PHP
php redis实现对200w用户的即时推送
2017/03/04 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
vue里如何主动销毁keep-alive缓存的组件
2019/03/21 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
独特的python循环语句
2016/11/20 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
企业节能减排实施方案
2014/03/19 职场文书
党员自我剖析材料
2014/08/31 职场文书
vue+element ui实现锚点定位
2021/06/29 Vue.js
PHP正则表达式之RCEService回溯
2022/04/11 PHP
Github 使用python对copilot做些简单使用测试
2022/04/14 Python