javascript工具庫代碼
更新時間：2012年03月29日 02:02:33 作者：
這段時間用到的javascript工具庫 工作中，自己邊用邊寫的，需要的朋友可以參考下
復制代碼 代碼如下:
/*
*YYJ.js 主要提供后臺應(yīng)用方法
*目前有Ajax、addLoadEvent、deleteAll、getByClass、$C(=getByClass)、$、yyjtable、setCss、getCss、iaArray等方法。最后面還提供了一個
*可實例化的方法YYJ.tick用來計算腳本運行時間
*版本0.1 --tianyi yyj
*/
var YYJ=function(){
var UniqueInstance;
function constrotor(){
return {
//ajax方法
Ajax:function(method,url,data,success,fail){
var isget=method.toLowerCase()=="get";
var xmlhttp=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open(method,url,true);
if(!isget)xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
if(success)success(xmlhttp);
}else{
if(fail)fail(xmlhttp);
}
}
};
xmlhttp.send(isget?null:data);
},//Ajax
addLoadEvent:function(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
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<check.length;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<checkboxs.length;i++){
checkboxs[i].checked=true;
}
}else{
for(var i=0;i<checkboxs.length;i++){
checkboxs[i].checked=false;
}
}
}
checksome.onclick=function(){
for(var x in checkboxs){
checkboxs[x].checked=!checkboxs[x].checked;
}
}
submit1.onclick=function(){
var haschecked=false;
var beSureDel=false;
for(var i=0;i<checkboxs.length;i++){
if(checkboxs[i].checked){
haschecked=true;
break;
}
}
haschecked?function(){
beSureDel=confirm("確定要刪除選中項嗎？");
}():function(){
alert("沒有選中項！");
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<j;i++){
if(!s[i].className) continue;
var name=" "+s[i].className+" ";
if(name.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){
var tbl=YYJ.$(tableId);
var trs=tbl.getElementsByTagName("tr");
for(var i=1;i<trs.length;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:function(eles,opt){
if(!eles||!opt)return;
if(!eles.length){
throw new Error("setCss的第一個參數(shù)要求為數(shù)組！");
}
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的第二個參數(shù)要求為string數(shù)組！");
}
var css={};
for(var i=0,j=opt.length;i<j;i++){
try{
css[opt[i]]=ele.style[opt[i]];
}catch(ex){}
}
return css;
},//getCss
isArray:function(opt){
return Object.prototype.toString.call(opt)=="[object Array]"
}
};
}
function getUniqueInstance(){
if(UniqueInstance){
return UniqueInstance;
}
UniqueInstance=constrotor();
return UniqueInstance;
}
return getUniqueInstance();
}();
//腳本執(zhí)行時間
/*使用方法
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;
}
}
}();
相關(guān)文章
這篇文章主要介紹了JS 實現(xiàn)計算器詳解及實例代碼的相關(guān)資料,這里對實現(xiàn)計算器的思路及實現(xiàn)步驟進行了一一詳解，需要的朋友可以參考下2017-01-01
JSON.stringify() 方法是將一個JavaScript值(對象或者數(shù)組)轉(zhuǎn)換為一個 JSON字符串，如果指定了replacer是一個函數(shù)，則可以選擇性的替換值，或者如果指定了replacer是一個數(shù)組，可選擇性的僅包含數(shù)組指定的屬性2019-06-06
Javascript中的作用域鏈、閉包、原型繼承、eval等特性，在提供各種神奇功能的同時也帶來了各種效率問題，用之不慎就會導致執(zhí)行效率低下2013-11-11
這一章我會處理一個簡單的W3C DOM腳本。他會幫助我們從一個新的角度來看待交互設(shè)計。2010-02-02
這篇文章主要介紹了瀏覽器中url存儲的JavaScript實現(xiàn),并且簡單講述了輸入url地址后提示過去輸入歷史記錄的原理,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了深入理解JavaScript定時機制,對于學習JavaScript有一定的幫助，感興趣的小伙伴們可以參考一下。2016-10-10
Javascript圖像處理—亮度對比度應(yīng)用案例
上一篇文章，我們講解了圖像處理中的卷積操作和平滑（也就是模糊）處理，這篇文章我們進行亮度和對比度的變化,有需要的朋友可以參考下2013-01-01
這篇文章主要為大家詳細介紹了javascript數(shù)組的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
JS的垃圾回收機制是為了以防內(nèi)存泄漏，內(nèi)存泄漏的含義就是當已經(jīng)不需要某塊內(nèi)存時這塊內(nèi)存還存在著，垃圾回收機制就是間歇的不定期的尋找到不再使用的變量，并釋放掉它們所指向的內(nèi)存。下面我們來一起深入學習一下吧2019-06-06
javascript中判斷一個值是否在數(shù)組中并沒有直接使用
在JS中要判斷一個值是否在數(shù)組中并沒有函數(shù)直接使用，如PHP中就有in_array()這個函數(shù),可以寫一個類似in_array()函數(shù)功能的方法2012-12-12