zoukankan      html  css  js  c++  java
  • 关于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;
    }


  • 相关阅读:
    Mac OSX下增加TCP连接数
    Connection reset by peer的常见原因及解决办法
    修改主机名
    docker 查看 docker容器启动 完整命令
    nginx 日志打印响应时间 request_time 和 upstream_response_time
    Ubuntu16.04 安装 Docker
    VictoriaMetrics vmagent 使用
    VictoriaMetrics vmauth 使用
    VictoriaMetrics集群模式的一些说明
    promgen prometheus 配置文件生成工具
  • 原文地址:https://www.cnblogs.com/LastFire/p/8195934.html
Copyright © 2011-2022 走看看