Others_JavaScript スキルによって書かれた小さな JS フレームワークを共有する

Dom や String、Array、StringBuffer、NameSpace など、よく使われる拡張機能を主に統合しており、もちろん Ajax は不可欠です。音量は8kくらいです。音量が厳密に制御されているため、機能が制限されています。 Ajax 部分だけが必要な場合は、わずか 1k です。

この小さなフレームワークは会社のプロジェクトに適用され、フロントエンド表示ページのprototype.jsを徐々に置き換え始めています。将来的には、このフレームワークに基づいていくつかのアプリケーションが作成される予定です。

コードをコピー コードは次のとおりです:

/*
* My JavaScript Framework
* バージョン : 1.0 beta
* 作成者 : misshjn
* メール : misshjn@163.com
* /
関数NameSpace(){};
function StringBuffer(){this.data = []};

var Method = {
バージョン : "1.0 beta",
要素 : function(){
this.version = Method.Version;
this.hide = function(){this.style.display="none"; これを返します};
this.show = function(){this.style.display=""; これを返します};
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);
値 = css ? css.getPropertyValue(s) : null;

}
戻り値;
};
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();
}
これを返します。
};
this.toggle = function(){this.getStyle("display")=="none"?this.setStyle("display:"):this.setStyle("display:none"); これを返します};
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( ); これを返します}};
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);
}
null を返します。
};
this.previousElement = function(){
var n = this;
for (var i=0,n; n = n.previousSibling; i ){
if(n.nodeType==1) return $(n);
}
null を返します。
};
this.moveAhead = function(){
if (this.previousElement()){
this.parentNode.insertBefore(this,this.previousElement());
}
これを返します。
};
this.moveBack = function(){
var n = this.nextElement();
if (n){
this.parentNode.removeChild(n);
this.parentNode.insertBefore(n,this);
}
これを返します。
};
}、
配列: function(){
this.indexOf = function(){
for (i=0; i if (this[i]== argument[0])
return i;
}
return -1;
};
this.lastIndexOf = function(){
for (i=this.length-1; i>=0; i--){
if (this[i]==arguments[0])
i を返します。
}
return -1;
};
this.each = function(fn){
for (var i=0,len=this.length; i fn(this[i]);
}
これを返します。
};
},
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 var item = arr[i].split("=");
str.append("<" 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 [鍵];
}
これを返します。
};
}
};

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 ( 引数[1] == 未定義 || 引数[1]==true ) {Method.Element.apply(elem);}
return elem;
};
$(ドキュメント);

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 var para = {asynchronous:true,method:"GET",parameters:""};
for (var key in arguments[1]){
para[key] = arguments[1][key];
}
var _x=Ajax.xmlhttp();
var _url=引数[0];
if(para["parameters"].length>0) para["parameters"] ='&_=';
if(para["メソッド"].toUpperCase()=="GET") _url =(_url.match(/?/)?'&':'?') para["パラメータ"];
_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{
null を返す;
}
},
set : function(name,value,expires){
var expDays = expires*24*60*60*1000;
var expDate = 新しい Date();
expDate.setTime(expDate.getTime() expDays);
var expString = 期限切れ ? "; 期限切れ = 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 arr[i] = list[i];
}
arr を返す;
}
関数 $D(str){return str.URLDecode();}
関数 $E(str){return str.URLEncode();}
関数 $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("&"));
}