js
꧁এ悲宸๓₯㎕
不努力一把,你都不知道自己有多牛逼!
展开
-
将JSON数组[{key:‘name‘,values:[‘value1‘]}]转换成[{name:value1}]
要求:将JSON数组[{key:‘颜色’,values:[‘红’,‘白’]},{key:‘运存’,values:[‘8g’,‘16g’]},{key:‘内存’,values:[‘32g’,‘64g’]}]转换为[{颜色:‘红’,运存:‘8g’,内存:‘32g’},{颜色:‘红’,运存:‘16g’,内存:‘32g’},{颜色:‘红’,运存:‘8g’,内存:‘64g’},{颜色:‘红’,运存:‘16g’,内存:‘64g’},{颜色:‘白’,运存:‘8g’,内存:‘32g’},{颜色原创 2021-05-27 18:48:33 · 570 阅读 · 1 评论 -
js---实现表格的隔行变色和上下移动
话不多说,先看效果图:点击上移或下移table样式:<style> table{ border:1px solid greenyellow; width: 300px; } .hero{ display: none; } .show{ display: block; } </styl原创 2021-01-21 19:46:09 · 177 阅读 · 0 评论 -
js---常见事件
1,点击事件<body><input type="text" id="name"></body><script> //双击清空 let name = document.getElementById('name'); name.ondblclick=function () { this.value='' }</script>双击后:2,焦点事件<body>姓名:<原创 2021-01-19 11:51:45 · 188 阅读 · 0 评论 -
JS---移除或查找数组中重复出现的元素
题目一:移除数组中给定的元素代码展示: function f1(item){ let arr=[1,2,2,3,4,2,2] for (let i = 0; i < arr.length; i++) { if (item==arr[i]){ arr.splice(i,1) //splice(Start:number,deleteCount?:number) i--;原创 2021-01-14 20:50:41 · 320 阅读 · 0 评论 -
js---实现表格的选择
js–实现选择表格信息效果展示:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; ma原创 2020-12-08 20:38:17 · 462 阅读 · 0 评论 -
js---大风车呀转悠悠
js实现大风车旋转 1. 点击开始风车开始旋转 2. 点击反转,风车进行逆时针旋转 3. 点击转一圈,则只会顺时针转一圈,输入转的圈数,则转指定圈数 4. 点击停止,风车停止转动效果实现:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大风车呀转悠悠</title> <style原创 2020-12-08 20:31:15 · 300 阅读 · 0 评论 -
你想体验后宫选妃吗?js带你体验后宫选妃
你想选妃吗?1.点击开始,启动定时器,获取当前时间置于文本框中,每隔10秒记录下来选中的妃子,点击去重,可以去除重复的妃子名 2.点击停止,停止选妃效果实现:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>当前时间:<原创 2020-12-08 20:22:17 · 316 阅读 · 0 评论 -
js实现--自动轮播图
效果展示:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button onclick="start2()">开始循环定时器</button><button onclick="stop2()">原创 2020-12-08 20:09:04 · 196 阅读 · 0 评论