- 博客(30)
- 收藏
- 关注
RSS订阅原创 cookie，locastorage,sessionstrorage之间有什么区别
cookie，locastorage,sessionstrorage之间有什么区别
2022-06-14 00:41:58
320
原创 js鼠标事件案例
样式 body { background-color: #100F0F; } .box { text-align: center; } span { display: inline-block; width: 20px; height: 20px; backgr
2022-03-17 10:10:21
179
原创 js实现轮播图
样式.swiper { position: relative; width: 500px; height: 400px; /* border: 1px solid; */ margin: 0 auto; overflow: hidden; } .wrapper { position: a
2022-03-17 10:01:56
94
原创 js使用setTimeout实现动画平移
样式 .box { width: 100px; height: 100px; background-color: red; position: fixed; left: 0; top: 0; }js<body> <div class="box"></div> <script&g
2022-03-15 20:06:05
896
原创 js使用定时器setInterval实现自动平移动画
样式 <style> .box { position: fixed; width: 100px; height: 100px; background-color: pink; left: 0; top: 0; } </style>js<body> <div cl
2022-03-15 19:59:03
640
原创 js实现学生信息输入表格
样式<style> table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; } </style>js<body> <h3>学生信息表</h3&
2022-03-14 11:24:59
1361
原创 导航栏点击切换
样式 <style> .box { display: flex; } div.box-item { width: 200px; height: 50px; border-right: 1px solid #eee; text-align: center; line-height: 5
2022-03-14 09:19:53
663
原创 要求一群猴子排成一圈，按“1,2,……,n”依次编号。然后从第1只开始数，数到第m只，把它踢出圈，其后的猴子再从1开始数，数到第m只，再把它踢出去……，如此不停的进行下去，直到最后只剩下一只猴子为止，
<script>var num1 = prompt('请输入猴子的总数'); var num2 = prompt('请输入踢出猴子的位置'); var arr = []; for (let i = 1; i <= num1; i++) { arr.push(i); } var j = 0; while (arr.length > 1) { .
2022-03-01 11:06:55
595
原创 插入排序从小到大
<script>var arr = [34, 56, 78, 167, 45]; for (let i = 1; i < arr.length; i++) { var new_arr = arr[i]; var p_index = i - 1; while (new_arr < arr[p_index] && p_index >= 0) { .
2022-03-01 10:47:45
460
原创 输出二维数组中每一行最大值
<script>var arr = [ [34, 56, 78, 167, 45], [30, 50, 170, 89, 90] ]; for (let i = 0; i < arr.length; i++) { var max = arr[i][0]; for (let j = 0; j < arr[i].length; j++) { .
2022-03-01 10:28:25
566
原创 编写函数把数组中的每一位数字都增加30%，并返回一个新数组
<script> var arr = [ [12, 67, 23, 34, 56, 78, 45], [21, 32, 43, 54, 76, 86, 59] ]; var new_arr = []; for (let k = 0; k < arr.length; k++) { new_arr[k] = []; } for (var i.
2022-03-01 10:18:38
338
原创 定义一个数组，数据从2开始的偶数，数据值小于30；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。
<script>var arr = []; var avg_arr = []; for (var i = 1; i < 15; i++) { arr.push(i * 2); } var time = 0; var sum = 0; for (var j = 0; j < arr.length; j++) { time++; .
2022-03-01 09:55:53
393
原创 js二维数组的转置，二维数组的转置指的是将二维数组横向元素保存为纵向元素。
<script>//方法1var arr1 = [ ['a', 'b', 'c'], ['d', 'e', 'f'], ['g', 'h', 'i'], ['j', 'k', 'l'], ]; var new_arr = []; // 初始化 for (let i = 0; i < arr1[0].length; i++) {.
2022-03-01 09:31:29
2098
原创 输入工资，工资超过1000的部分，需缴纳5%的个人所得税，输出税后工资
var money = +prompt('请输入工资'); var salary; if (isNaN(money) || money <= 0) { alert('请输入正确工资'); } else { if (money > 1000) { salary = money - (money - 1000) * 100 * 0.05 / 100; .
2022-03-01 09:05:31
796
原创 js实现 给定一个三位数，分别把这个数字的百位、十位、个位算出来并显示。
var num = prompt('请输入一个三位数'); var a, b, c; if (num / 1000 >= 1) { alert('请输入一个三位数'); } else { if (isNaN(a) || isNaN(b) || isNaN(c)) { alert('输入有误'); } else { a .
2022-02-28 19:46:35
1624
原创 用js实现求整数1～100的累加值，但要求跳过所有个位为3的数
<script> var sum = 0; for (let i = 1; i <= 100; i++) { if (i % 10 == 3) { continue; } sum = sum + i; } console.log(sum); </script>
2022-02-28 19:41:15
724
原创 用js实现获取两个日期之间相差的天数
<script>var day01 = prompt('请输入一个天数例如2022-2-26') var day02 = prompt('请输入一个天数例如2022-2-27') var time01 = new Date(day01).getTime(); var time02 = new Date(day02).getTime(); var differ = Math.abs(time02 - time01); .
2022-02-28 19:11:30
409
原创 js输入一个天数，输入n天后的日期
<script>var day = +prompt('请输入一个天数'); var _date = new Date(); var old_date = _date.getDate(); var new_date = old_date + day; _date.setDate(new_date); var new_year = _date.getFullYear(); var new_month .
2022-02-28 18:49:19
408
原创 使用js构造函数创建一个自定义对象，通过自定义对象生成指定行数、列数、宽度和高度的表格。
<script>function CreateTable(row, col, width, height) { this.row = row; this.col = col; this.width = width; this.height = height; } var _box = document.getElementById('box'); C.
2022-02-28 16:16:06
1242
1
原创 - 以上是某班级一次考试的成绩表。请计算每个学生总成绩，并按总成绩排名。统计各单科成绩第一名，输出其成绩与学号。- 并根据总成绩计算每个学生成绩备注保存在 Comment 中，90分以上 为A等
<script>var data = [{ StudentNumber: 2022001, Chinese: 105, Math: 62, English: 118, TotalScore: "", Comment: "" }, { StudentNumber: 2022002, Chi.
2022-02-28 16:14:34
777
原创 js支付成功网页自动跳转
<body> <div>支付成功</div> <span id="box"> 5</span>秒后自动跳转 <script> // 支付成功网页跳转倒计时 方法1 setTimeout var _box = document.getElementById('box') function jumpIndex(num, url) { if (.
2022-02-28 14:38:09
877
原创 js限时秒杀
<body> <div id="box"></div> <script> var _box = document.getElementById('box'); setInterval(function() { // 设置开始秒杀时间 得到的是毫秒数 var _start = new Date('2022-2-28 18:00:00'); /.
2022-02-28 12:10:23
1149
原创 制作年历- 利用 prompt() 函数接收用户设置的年份。- 编写 calendar() 函数，根据指定的年份生成年历。- 设计并输出日历的显示样式。
<script> // 万年历 var year = +prompt('请输入一个年份'); var html = '<div>'; function calendar(y) { // 确定所输入年份的第一天是周几 var w = new Date(y, 0).getDay(); html += '<div>'; ..
2022-02-28 11:47:47
904
原创 用js写随机抽奖代码
<!-- 样式 --> <style> .title { width: 300px; height: 50px; background-color: orange; text-align: center; margin: 0 auto; margin-bottom: 20px; line-h.
2022-02-28 10:47:37
1002
原创 冒泡排序从大到小
// 从大到小排序 - // 数组是 70, 35, 67, 49, 20, 59, 98, 100 - // 采用冒泡排序 // var arr = [70, 35, 67, 49, 20, 59, 98, 100]; // var mid; // for (let i = 0; i < arr.length; i++) { // for (let j = 0; j < a.
2022-02-23 16:17:57
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人