JavaScriptツールライブラリコード_基礎知識

WBOY
リリース: 2016-05-16 17:54:50
オリジナル
1165 人が閲覧しました
コードをコピー コードは次のとおりです:

/*
*YYJ.js は主にバックグラウンド アプリケーション メソッドを提供します
*現在は Ajax、addLoadEvent、deleteAll、getByClass、$C(=getByClass)、$、yyjtable、setCss、getCss、 iaArray およびその他のメソッド。最後に、
*インスタンス化可能なメソッド YYJ.tick がスクリプトの実行時間を計算するために提供されています
*バージョン 0.1 --tianyi yyj
*/
var YYJ=function(){
var UniqueInstance ;
function constrotor(){
return {
var isget=method .to lowercase () == "get";
var xmlhttp = window.xmlhttpRequest? New xmlhttprequest (): New Activexobject (" Microsoft.xmlhttp");
xml http.open (メソッド, URL, TRUE);
if(!isget)xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded" ); If(xmlhttp.readyState= =4){
if(xmlhttp.status==200){
if(s)成功)成功(xmlhttp);


addLoadEvent:function (func) { onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
) {
oldonload();
}
func();
}
}
},//addLoadEvent
deleteAll:function(checkallbtn,checksomebtn,submitbtn){
var checkall=YYJ.$(checkallbtn);
var checksome=YYJ.$( checksomebtn);
var submit1= YYJ.$(submitbtn);
var checkboxs=(function(){
var arr=[];
var check=document.getElementsByTagName(" input");
for(i=0 ;i if(check[i].getAttribute("type")!="checkbox")
continue;
arr.push(check[i]);
}
return arr;
});
checkall.onclick=function(){
checkall.clicked=true;
for(var i=0;i< checkboxs.length;i ){
if(!checkboxs[i].checked){
checkall.clicked=false;
Break;
}
}
if(!checkall .clicked){
for(var i=0;i チェックボックス[i].checked=true;
}
}else{
for( var i=0;i checkboxs[i].checked=false;
}
}
}
checksome.onclick=function(){
for(チェックボックスの変数 x){
checkboxs[x].checked=!checkboxs[x].checked;
}
}
submit1.onclick=function(){
var haschecked=false;
var beSureDel=false;
for(var i=0;i if(checkboxs [i].checked){
haschecked=true;
ブレーク;
}
}
haschecked?function(){
beSureDel=confirm("确定要删除选中项吗?");
}():function(){
alter("没有选中项!");
beSureDel=false;
}();
return beSureDel;
}
},//deleteall
getByClass:function(classname,parent,nodename){
var s=(parent||document).getElementsByTagName(nodename||"*");
return function(){
var a=[];
for(var i=0,j =s.length;i if(!s[i].className) continue;
var name=" " s[i].className " ";
if(名前.indexOf(" " classname " ")!=-1){
a.push(s[i]);
}
}
return a;
}();
},
$C:function(classname,parent,nodename){
return YYJ.getByClass(classname,parent,nodename);
},//getByClass
$:function(str ){
return document.getElementById(str);
},//getById
yyjtable:function(tableId){
tbl= YYJ.$(tableId);
var trs= tbl.getElementsByTagName("tr");
for(var i=1;i if(i%2!=0){
trs[i].style .backgroundColor="#FFFFF0";
}else{
trs[i].style.backgroundColor="white";
}
trs[i].onmouseover=function(){
this.col1=this.style.backgroundColor;
this.style.backgroundColor= #FFFACD";
}
trs[ i].onmouseout=function(){
this.style.backgroundColor=this.col1;
}
}
},//yyjtable
/*使用方法
YYJ。 setCss([YYJ.$("table1")],{
color:"red",
backgroundColor:"silver"
});*/
setCss:関数(eles,opt) {
if(!eles||!opt)return;
if(!eles.length){
throw new Error("setCssの最初のパラメータ要求は数组!");
}
for(var i=0;j=eles[i];i ){
try{
for(var x in opt){
j.style[x]=opt[x ];
}
}catch(ex){}
}
},//setCss
/*使用方法
var css=YYJ.getCss(YYJ.$(" table1"),["backgroundColor"]);
alert(css["backgroundColor"]);*/
getCss:function(ele,opt){
if(!this.isArray(opt) ){
throw new Error("getCss の第二パラメータ要求は文字列数组!");
}
var css={};
for(var i=0,j=opt.length;i try{
css[opt [i]]=ele.style[opt[i]];
}catch(ex){}
}
return css;

},//getCss
isArray :function(opt){
return Object.prototype.toString.call(opt)=="[オブジェクト配列]"
}

};
}
関数 get UniqueInstance( ){
if(UniqueInstance){
return UniqueInstance;
}
UniqueInstance=constrotor();
return UniqueInstance;
}
return getUniqueInstance();
}();
// 脚本実行時間间
/*使用方法
var ti=new YYJ.ticks();
ti.begin();
代码段
ti .end();
alert(ti.tick);*/
YYJ.ticks=function(){
var starttick,stoptick;
return function(){
this.begin =function(){
starttick=new Date();
}
this.end=function(){
stoptick=new Date();
this.tick=stoptick -starttick ;
}
}
}();
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート