關於js封裝函數的一些東西

關於封裝函數,函數封裝是一種函數的功能,它把一個程序員寫的一個或者多個功能經過函數、類的方式封裝起來,對外只提供一個簡單的函數接口。當程序員在寫程序的過程當中須要執行一樣的操做時,程序員(調用者)不須要寫一樣的函數來調用,直接能夠從函數庫裏面調用,這裏我寫了兩個封裝的函數,分別是rgb256色隨機的函數與隨機4位驗證碼的函數。javascript

首先要把封裝函數的文件位置引入到script標籤中,就像這樣java

<script type="text/javascript" src="js/all.js"></script>程序員

這裏主要是拿了一個驗證碼的實例來寫,因此首先設置自動加載onload參數,而後在刷新按鈕裏用作個點擊事件,鏈接到我寫的函數裏,用dom

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;
}事件

接下來驗證碼能夠隨機出現了,接下來是顏色ip

document.getElementById("z1").style.color=Color();get

用這上面這句來改寫標籤裏的文字顏色,文字顏色部分引用下面的Color()封裝函數完成。io

// 顏色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;}

相關文章
相關標籤/搜索