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

关于封装函数，函数封装是一种函数的功能，它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来，对外只提供一个简单的函数接口。当程序员在写程序的过程中需要执行同样的操作时，程序员（调用者）不需要写同样的函数来调用，直接可以从函数库里面调用，这里我写了两个封装的函数，分别是rgb256色随机的函数与随机4位验证码的函数。

首先要把封装函数的文件位置引入到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

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

js封装函数_JavaScript基础-如何封装函数来改变元素的位置
点击右上方红色按钮关注"小郑搞码事",每天都能学到知识,搞懂一个问题! 大家好!我是/小郑搞码事/的小郑今天给大家分享JavaScript的基础知识-改变元素的位置. 没错,用J ...
ajax纯js封装函数
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法.是7种技术的综合,它包 ...
JS:封装函数判断数据类型
思路 1 ).根据 typeof() 的返回值将数据分为2种情况 a.返回值为 'string' 'number' 'boolean' 'undefined' 'function' (直接返回 typ ...
用js封装函数自定义一个数字列表，元素为10个,找出列表中最大数连同下标一起输出
num_arr = [34,6,546,5,100,16,77,56,88,10]; // 找最大值思路同上 // 注意的事项需要拿一个变量存一下下标 // 因为我们拿到的结果是在循环结束以后 ...
js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
react封装函数_react request.js 函数封装
1.request.js 函数封装 import { Toast } from 'antd-mobile'; import axios from 'axios'; import store from ...
itwangyang - 再次继续卷起来-20 个 JS 封装工具函数
itwangyang - 再次继续卷起来-20 个 JS 封装工具函数前言日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率. ...
js的常用封装函数库之Number操作
js的常用封装函数库之Number操作: /* * 函数功能:Number */class NumberFn {/*随机数范围*/random (min, max) {if (arguments.le ...
JS日期格式化——数字日期转中文日期（封装函数，dayjs时间格式化YYYY-MM-DD）
JS数字日期转中文日期往期相关文章场景复现封装函数(数字日期转中文日期) 实际应用往期相关文章文章内容文章链接 JS数组对象--根据日期进行排序,按照时间进行升序或降序排序 https:/ ...

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

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

最新文章

热门文章