![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js案例
mustang(野马)
I'm 1600834563
展开
-
计算器代码
计算器,使用函数编写,用到知识点,函数,对函数传参,if条件语句和switchf9(5,"5","-"); function f9(x1,x2,type){ var sum; if(type==="+"){ console.log("您输入的是"+type+"号"); if(typeof x1==="number"){ ...原创 2019-05-26 22:14:09 · 439 阅读 · 0 评论 -
三维数组
var arr=[];for (var i=0;i<10;i++){ arr[i]=[]; //这里的i就是下标/索引 for(var j=0;j<10;j++){ arr[i][j]=[]; for (var f=0;f<10;f++){ arr[i][j][f]=i*100+j*10+f; ...原创 2019-05-29 15:28:17 · 279 阅读 · 0 评论 -
二维数组的构建
var arr=[];for (var i=0;i<10;i++){ arr[i]=[]; //这里的i就是下标/索引 for(var j=0;j<10;j++){ arr[i][j]=i*10+j; //在arr[i]的数值中第j下标对应添加一个数值为i*10+j; }}console.log(arr);console...原创 2019-05-29 15:31:59 · 937 阅读 · 0 评论 -
函数复制,
函数的复制源头函数// function fn5(a,b){// console.log(a+b);// }复制步骤 // 复制函数 // var str=fn5.toString(); // var arg=str.match(/\(.*?\)/)[0].slice(1,-1).split(","); // var fnStr=str.repl...原创 2019-07-01 21:47:33 · 345 阅读 · 0 评论 -
cookie 函数设置以及获取
cookie的有效时间设置cookie的设置以及cookie的获取提取使用设置cookie代码区域:// setCookie("user","xietian"); //设置cookie,左参时name,右参是value // setCookie("ids","10023",date); //设置cookie,左是name,中时value,右是有效期 ...原创 2019-07-07 23:06:15 · 400 阅读 · 0 评论 -
继承式-单选框-雪碧图变化位置实现
单选(图片生成选中与不选中)HTML文件+js文件(CheckBox.js+CheckBoxVo.js+Radio.js)单选文件.HTML<script type="module">// module是模块 单词解析:n. [计] 模块;组件;模数 英 /'mɒdjuːl/ //这个单选框是由之前写的多选框利用继承方式进行编写的,这个是封装好的组件了,通过传参可以实现更改...原创 2019-07-03 08:57:13 · 189 阅读 · 0 评论 -
DOM+JS+轮播图+无时间
DOM+JS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; ...原创 2019-07-09 14:46:23 · 200 阅读 · 0 评论 -
左右案例+小圆点的轮播图+无时间
效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* *{ margin: 0; ...原创 2019-07-09 17:40:57 · 182 阅读 · 0 评论 -
js 多选框,(切换的是背景图片)
多选框,(切换的是背景图片)//------------多选框代码–开始-------------- class CheckBox{ _checked=false; // 构造函数,new的时候执行这个函数 constructor(){ this.elem=this.createCheck(); } ...原创 2019-06-29 18:51:48 · 511 阅读 · 0 评论 -
setget的应用,入与出,设置与获取 js 面向对象
//案例// 当对象已经创建,需要给对象增加setget方法时,// 我们使用Object.defineProperty和Object.defineProperties//思路,给这个数组设置index和item(也就是说,通过index可以读取/设置arr的值// 同时index和item是数组必备元素,这样就可以实现访问数组和添加修改数组)var arr=[2,4,5,7,9];O...原创 2019-06-29 23:02:50 · 137 阅读 · 0 评论 -
用cloneNode 克隆,解决id问题/方法 深复制和浅复制修改id的方法
cloneNode 使用函数方法解决深复制中id重复的问题// var ul1=clones(ul,true);// document.body.appendChild(ul1);// 深复制修改id// function clones(sourceElem,deep,target) {// var elem;/...原创 2019-07-14 23:04:38 · 1964 阅读 · 2 评论 -
js 案例不理解...
代码迷惑var showData=$("#show-data");$(function () { $.get("./data/province.json",function(res){ var str=""; if (res.length>0){ for (var i=0;i<res.length;i++){//循环取...原创 2019-07-06 22:16:34 · 125 阅读 · 0 评论 -
js 无缝轮播图
//Utils.js//封装 预加载图片var Utils=(function () {return {//SSSloadImg:function (srcList,callBack) {//图片地址 回调函数var img=new Image();img.num=0;//初始化num为0 图片数img.imgList=[];//存放图片img.srcList=srcList;...原创 2019-06-13 08:48:06 · 104 阅读 · 0 评论 -
随机产生一个五位数以内的数
<script> // 4.随机生成一个五位以内的数, // 然后输出该数共有多少位, // 每位分别是什么function randomNum() { var num=parseInt(Math.random()*10000);//随机数然后取整数 // console.log(num); //这个是用于查看上面随机产...原创 2019-05-28 16:19:24 · 6830 阅读 · 0 评论 -
质数判断
//判断质数function isPrime(x) {if(x <= 1) return falsevar sqrtX = Math.floor(Math.sqrt(x))for(var i = 2; i <= sqrtX; i++)if(x % i == 0) return falsereturn true}//输出质数for(var cont = 100; con...原创 2019-05-27 14:16:15 · 110 阅读 · 0 评论 -
多选框复制框实现
//script代码: var allCheck = document.getElementById('allCheck') //获取全选按钮元素 allCheck.addEventListener("click",clickHandler) for(var i = 0; i < 5; i++){ var check...原创 2019-05-27 14:19:02 · 394 阅读 · 0 评论 -
对象的key的获取和属性值的获取以及修改
对象Objectvar obj = { a : 1, b : 3, d : function(){ //对象的方法 console.log('aaa); }};//对象内容修改obj.a = 10;obj["a"] = 10;console.log(obj.a) //10obj.d() 或者obj["d"](...原创 2019-05-27 14:21:16 · 1011 阅读 · 0 评论 -
数组Array,构建/遍历/添加元素/删除元素/concat/splice/slice/等等
数组Array//数组构建var arr = new Array(4); //4是数组长度var arr = new Array(1,2,3,4); //如果参数有两个或两个以上,那么第一个元素则是arr[0]的值。//如果数组的第一个参数不是数值类型,且只有一个,也是作为数组的arr[0]的值。var arr = [1, 2, 3, 4, 5];console.log(arr.le...原创 2019-05-27 14:24:11 · 272 阅读 · 0 评论 -
数组和对象
数组和对象 var arr=[1,2,3,4,5]; var obj={a:1,b:2,c:3}; //将对象转换为JSON字符串 var str=JSON.stringify(obj); //将JSON字符串逆转回对象 var obj1=JSON.parse(str); obj.a=20;...原创 2019-05-27 14:25:46 · 132 阅读 · 0 评论 -
函数封装/ //函数调用
函数封装 //调用外部封装好的js库即可Utils: var Utils=(function () { return { setStyle:function (elem,style) { for(var prop in style){ elem.style[prop]=style[prop]; ...原创 2019-05-27 14:26:30 · 973 阅读 · 0 评论 -
按位输出/表格生成
随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么 function f1(){ let randNum = parseInt(Math.random() * 100000); console.log(randNum); randNum = randNum.toString(); ...原创 2019-05-27 14:28:40 · 160 阅读 · 0 评论 -
数组去重
数组去重//哈希表去重var arr1=[1,3,5,2,1,4,3,1,2,5,3,1,2,1];function delectRepeat(arr1) {var len = arr1.length;var arr = [];for(var i = 0; i < len; i++)if(arr.indexOf(arr1[i]) == -1)arr.push(arr1[i])...原创 2019-05-27 14:29:25 · 114 阅读 · 0 评论 -
return语句
return语句return:只能使用在函数中,直接跳出函数,不执行return之后的语句break:只能使用在循环或者switch语句中,跳出当前循环,不执行break之后的语句,并且不再进入函数continue:只能使用在循环中,跳出本次循环,当前不再执行continue之后的语句,但是会继续下一次循环return举例:function sum(a,b){ //将a+b的...原创 2019-05-27 14:30:06 · 666 阅读 · 0 评论 -
递归
递归递归函数即自调用函数,在函数体内部直接或间接地自己调用自己,即函数的嵌套调用是函数本身。任何函数之间不能嵌套定义, 调用函数与被调用函数之间相互独立(彼此可以调用)。 发生函数调用时,被调函数中保护了调用函数的运行环境和返回地址,使得调用函数的状态可以在被调函数运行返回后完全恢复,而且该状态与被调函数无关。被调函数运行的代码虽是同一个函数的代码体,但由于调用点,调用时状态, 返回点的不...原创 2019-05-27 14:30:43 · 103 阅读 · 0 评论 -
点击产生4位随机数,验证码设置
点击产生四位随机数字母与数字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-07-12 10:03:37 · 729 阅读 · 0 评论