程式員必備-建立js庫

程式員必備-建立js庫

牛腩Javascript中講解的Javascript方法的構建都放在了HTML頁面中,一方面這樣會暴露出自己的方法實現過程,二是如果其他頁面需要同樣的方法的話那就還得將同樣的方法重新寫一遍,不能達到很好的重複利用.構建js庫,通過指令碼標籤<script></script> src 屬性引入,JS中的方法就可以隨意調用了.不但不會在HTML頁面中暴露實現方法,而且讓函數的服用性大大提高了.另一方面,這是程式員經驗積累的儲蓄,可將一些有些的函數放進去,供以後需要之時,拿來就用.

接下來開始編寫自己的js庫,首先準備好模板:

(function(){window['namespace']={}window[''namespace'']['function']=$; })();

這裡注意,組合性的符號一定不要漏寫,如果有源模板,要盡量粘貼複製,減少手寫帶來的錯誤.

利用該模板建立函數:

(function()            {          //向window註冊命名空間IC。              window['JG']={}                    function $()          {                  //定義元素數組,數組對象。                  var elements=new Array();                  //對數組進行迴圈驗證。arguments是js的一個內部對象返回，返回function傳遞的參數對象，數組形式。                  for(var i=0;i

在script標籤中,引用JS庫:

<script type="text/javascript" src="CJG.js" ></script> ps:src="js檔案路徑"

接下來,js中的方法就可以被調用了,調用執行個體:

js庫測試<script type="text/javascript" src="JG.js" ></script><script type="text/javascript" >function ClickTest(){/*alert("函數開頭無誤！");*/var testInput=JG.$("testID");alert(testInput.value);}</script>