DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript學習(一)構建自己的JS庫
javascript學習(一)構建自己的JS庫
編輯:JavaScript基礎知識     
前言
庫是一個飽受爭議的熱門話題。一種觀點認為它是一種非常棒的工具,是任何開發者都不可或缺的;另一種觀點則認為在不理解庫的內部工作原理的情況下對庫形成依賴,會助長懶惰的風氣從而導致開發者素質下降。但是不管怎麼樣,好像每個人都贊同編寫自己的庫,況且把自己日常用到的東西合並到一起本身就是一件有意義的事情。

下面我們開始建立自己的JS庫,並編寫兩個自己的方法
復制代碼 代碼如下:
//作者:
//時間:2012-11-13
(function(){

window['LS']={};

function $(){
var elements =new Array();
var element;
for(var i=0;i<arguments.length;i++){
if(typeof(arguments[i])=="string"){
element=document.getElementById(arguments[i]);
}
if(arguments.length==1){
return element;
}

elements.push(element);
}
return elements;
}
window['LS']['$']=$;

function getElementByClassName(className,tag){
var allTags=document.getElementsByTagName(tag);
var matchingElements=new Array();

className=className.replace(/\-/g,"\\-"); //不明白這句話是什麼意思。
var regex=new RegExp("(^|\\s)*"+className+"(\\s|$)");

var element;

for(var i=0;i<allTags.length;i++){
element=allTags[i];
if(regex.test(element.className)){ //這個element.className也不明白是什麼意思
matchingElements.push(element);
}
}
return matchingElements;
}
window['LS']['getElementByClassName']=getElementByClassName;
})() //如果不加()不能執行

本人是剛開始接觸javascript,裡面注釋部分是我不懂的地方,也希望高人能指點一下。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved