• 关于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;
    }


  • 相关阅读:
    周总结3
    周总结6
    Java时间日期格式转换
    [专贴]在使用了母版页的内容页后,如何在javascript中调用服务器控件值
    用到函数的题目
    javascript解析dom(2)
    javascript解析dom
    自己的分页
    javascript解析DOM(3)
    转载 ajax XML dataset
  • 原文地址:https://www.cnblogs.com/LastFire/p/8195934.html
Copyright © 2020-2023  润新知