关于封装函数,函数封装是一种函数的功能,它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来,对外只提供一个简单的函数接口。当程序员在写程序的过程中需要执行同样的操作时,程序员(调用者)不需要写同样的函数来调用,直接可以从函数库里面调用,这里我写了两个封装的函数,分别是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;
}