程式員必備-建立js庫，程式員必備js庫
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">牛腩Javascript中講解的Javascript方法的構建都放在了HTML頁面中,一方面這樣會暴露出自己的方法實現過程,二是如果其他頁面需要同樣的方法的話那就還得將同樣的方法重新寫一遍,不能達到很好的重複利用.構建js庫,通過指令碼標籤<script></script> src 屬性引入,JS中的方法就可以隨意調用了.不但不會在HTML頁面中暴露實現方法,而且讓函數的服用性大大提高了.另一方面,這是程式員經驗積累的儲蓄,可將一些有些的函數放進去,供以後需要之時,拿來就用.</span>
接下來開始編寫自己的js庫,首先準備好模板:
<span style="font-size:14px;">(function(){window['namespace']={}window[''namespace'']['function']=$; })();</span>
利用該模板建立函數:
<span style="font-size:14px;">(function() { //向window註冊命名空間IC。 window['JG']={} function $() { //定義元素數組,數組對象。 var elements=new Array(); //對數組進行迴圈驗證。arguments是js的一個內部對象返回，返回function傳遞的參數對象，數組形式。 for(var i=0;i<arguments.length;i++) { //定義element對象，把參數數組讀出來。 var element=arguments[i]; //判斷數組中的原元素是否是字串類型。 if(typeof element=='string') { element=document.getElementById(element); } //判斷當前的參數知否只有一個，我們就直接返回這個參數。 if(arguments.length==1) { return element; } //如果多個參數的話。我們放入數組elements中。 elements.push(element); } //把所有的全取出來並返回。 return elements; } //向windows上註冊命名空間JG，並向命名空間中註冊$方法。 window['JG']['$']=$; })();</span> 在script標籤中,引用JS庫:
<script type="text/javascript" src="CJG.js" ></script> ps:src="js檔案路徑"
接下來,js中的方法就可以被調用了,調用執行個體:
<span style="font-size: 14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js庫測試</title><script type="text/javascript" src="JG.js" ></script><script type="text/javascript" >function ClickTest(){/*alert("函數開頭無誤！");*/var testInput=JG.$("testID");alert(testInput.value);}</script></head><body><input type="text" value="test" name="textfield" id="testID"/><input name="btnClick" type="button" id="btnClick" value="ClickMe" onclick="ClickTest()" /></body></html></span>
推薦think in java的 腦子都有點那個 ！ 你這小子在這個版面問過很多遍同樣的問題了吧 說了去看head first java 是給新手中的新手看的 但是看完絕對出來水平高
js程式員
JS程式員？然後你想問什麼呢？
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
