關於封裝函數,函數封裝是一種函數的功能,它把一個程序員寫的一個或者多個功能通過函數、類的方式封裝起來,對外只提供一個簡單的函數接口。當程序員在寫程序的過程中需要執行同樣的操作時,程序員(調用者)不需要寫同樣的函數來調用,直接可以從函數庫里面調用,這里我寫了兩個封裝的函數,分別是rgb256色隨機的函數與隨機4位驗證碼的函數。
首先要把封裝函數的文件位置引入到script標簽中,就像這樣
<script type="text/javascript" src="js/all.js"></script>
這里主要是拿了一個驗證碼的實例來寫,所以首先設置自動加載onload參數,然后在刷新按鈕里用做個點擊事件,連接到我寫的函數里,用
document.getElementById("z1").innerHTML=wz();
來改寫z1標簽的內容,內容用封裝好的隨機驗證碼
// 隨機驗證碼
function wz(){
var ar= new Array("a","b","c","d","e","f","g","h","i","g","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z",0,1,2,3,4,5,6,7,8,9);
var z1=ar[Math.round(Math.random()*35)];
return z1;
}
接下來驗證碼可以隨機出現了,接下來是顏色
document.getElementById("z1").style.color=Color();
用這上面這句來改寫標簽里的文字顏色,文字顏色部分引用下面的Color()封裝函數完成。
// 顏色
function Color(color){
var r=Math.round(Math.random()*256);
var g=Math.round(Math.random()*256);
var b=Math.round(Math.random()*256);
var rgb="rgb("+r+","+g+","+b+")";
return rgb;
}