![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
jumubai
这个作者很懒,什么都没留下…
展开
-
定时器setInterval和clearInterval的使用
简易倒计时的制作js代码//获取div var div=document.querySelector(".box"); let i=10; //setInterval执行多次的定时器 var timer=setInterval("time()",1000) function time(){ div.innerHTML="倒计时"+i+"秒"; i--; if(i<0){ //clearInter原创 2021-11-02 14:18:08 · 323 阅读 · 0 评论 -
鼠标移入移出事件
话不多说直接上代码JS代码//获取div盒子let div=document.querySelector(".box"); // 移入变蓝色 div.onmouseover=function fnc(){ div.style.background="blue" } // 移出变红色 div.onmouseout=function fn(){ div.style.background="red" } HTML代码.b原创 2021-10-28 09:05:47 · 99 阅读 · 0 评论 -
新手小白学习浅拷贝和深拷贝
浅拷贝和深拷贝<script> // 浅拷贝 var a = [1, 45, 6, 8,]; var c=[]; var b=a; a[0]=2; console.log(a+ "----"+b); // 深拷贝 // 先把数组a里面的元素循环出来 // a已经赋值给过变量b,所以再把b里面的值赋给c for(var i=0;i<a.length;i++){ c[i]=b[i];原创 2021-10-24 22:07:09 · 54 阅读 · 0 评论 -
for九九乘法表
for循环打印九九乘法表<script>//打印行 for(var i=1;i<9;i++){}</script>原创 2021-10-16 15:24:31 · 84 阅读 · 0 评论 -
用函数求任意数到任意数的和
例如:求1-10的和是多少<script>//先定义一个存储和的变量var sum=0;function func(x,y){ for(var i=x;i<=y;i++){ sum+=i; } console.log(sum);//55}func(1,10);</script>```原创 2021-10-11 15:08:31 · 272 阅读 · 0 评论 -
数组的使用
用数组的方式存储班级人数,然后根据班级人数,输入每个学生的数学成绩,求总成绩,平均值,最高分<script>// 提示用户输入人数,并转成数字类型var perCount =parseInt(prompt("请输入班级人数"));// 定义数组存储班级的的每个人的成绩var perScores=[];// 循环的方式录入每个人的成绩for(var i=0;i<perCount;i++){ // 把每个人的成绩存储到数组中 perScores[perSco原创 2021-10-07 18:16:18 · 62 阅读 · 0 评论 -
用if--else if--else判断成绩等级
例子:90-100 A级80-90 B级 包括9070-80 C级 包括8060-70 D级 包括7060以下 不及格 不包括60var i =prompt("请输入你的分数");if(i>90){ // 当i大于90时弹出A级框,小于则进入else 进行下一个判断,以此类推 alert("A级");}else if(i>=80){ alert("B");}else if(i>=70){ alert("C");}else if(i原创 2021-09-30 10:05:01 · 5438 阅读 · 0 评论 -
新手小白学前端 第三篇编辑保存
添加和删除参考上两篇 添加篇https://blog.csdn.net/jumubai/article/details/120479112删除篇https://blog.csdn.net/jumubai/article/details/120489534?spm=1001.2014.3001.5501// 编辑 function edit(e){ // console.log(111); console.log(e.parentNode.children);原创 2021-09-28 11:48:19 · 152 阅读 · 0 评论 -
给表格做删除功能
表格添加功能参考上一篇 https://blog.csdn.net/jumubai/article/details/120479112but.onclick = function(){//添加删除按钮的节点 var td = document.createElement("td"); td.innerHTML = "<button οnclick='del(this)'>删除</button><button οnclick='edit(this)'>原创 2021-09-26 15:27:06 · 141 阅读 · 0 评论 -
新手小白学习表格新增
表格的添加<script> // 获取多条数据时,使用querySelectorAll // 获取input框 var inp = document.querySelectorAll(".box input"); // 获取button按钮 var but = document.querySelector(".box .but"); // 获取表格 var table = document.querySelector(".box1 .原创 2021-09-25 23:00:10 · 81 阅读 · 0 评论 -
星号打印菱形
简单的用星号打印菱形图案<script> document.write("<center>");`在这里插入代码片` // 打印上面3行 for(var i = 0;i<=3;i++){ for(var j=0;j<2*i-1;j++){ document.write(" *"); } document.write("<br>"); }原创 2021-09-21 17:09:09 · 311 阅读 · 0 评论