- 博客(13)
- 收藏
- 关注
RSS订阅原创 小案例：两极反转（旋转的太极）纯css
写在body里面的代码<body> <div class="box"> <div class="box1"> <div class="yuan1"> <div class="xiaoy1"> </div> </div> </div> <d
2021-11-10 17:41:21
437
原创 小案例：能转动的时钟 纯css
不能获取当前时间的时钟写在body的代码<body> <div id="boss"> <div class="circle"> <!-- 里面得刻度 --> <div style="width:100%;height:100%"> <ul> <li class="lis1">&l
2021-11-08 11:39:02
173
原创 定时器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
382
原创 鼠标移入移出事件
话不多说直接上代码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
160
原创 新手小白学习浅拷贝和深拷贝
浅拷贝和深拷贝<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
99
原创 用函数求任意数到任意数的和
例如：求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
358
原创 数组的使用
用数组的方式存储班级人数，然后根据班级人数，输入每个学生的数学成绩，求总成绩，平均值，最高分<script>// 提示用户输入人数，并转成数字类型var perCount =parseInt(prompt("请输入班级人数"));// 定义数组存储班级的的每个人的成绩var perScores=[];// 循环的方式录入每个人的成绩for(var i=0;i<perCount;i++){ // 把每个人的成绩存储到数组中 perScores[perSco
2021-10-07 18:16:18
117
原创 用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
5883
原创 新手小白学前端 第三篇编辑保存
添加和删除参考上两篇 添加篇https://blog.youkuaiyun.com/jumubai/article/details/120479112删除篇https://blog.youkuaiyun.com/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
209
原创 给表格做删除功能
表格添加功能参考上一篇 https://blog.youkuaiyun.com/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
202
原创 新手小白学习表格新增
表格的添加<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
144
原创 星号打印菱形
简单的用星号打印菱形图案<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
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人