关于js封装函数的一些东西

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


原文地址:https://www.cnblogs.com/LastFire/p/8195934.html