会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
博客zhu虎康
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
10
···
12
下一页
2021年9月25日
JS练习_数组存储学生列表
摘要: 要求: 1、数组StudentList 2、点击按钮,将表单中的【姓名】和【年龄】赋值给Student对象,并push到StudentList中。 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl
阅读全文
posted @ 2021-09-25 12:08 博客zhu虎康
阅读(400)
评论(0)
推荐(0)
2021年9月24日
JS练习_BOM水果列表删除提示功能
摘要: 要求: 水果列表删除提示功能 1、制作一个水果列表 2、删除选中的水果 删除时,使用confirm提示是否确认删除 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水果列表删除提示功能</ti
阅读全文
posted @ 2021-09-24 19:14 博客zhu虎康
阅读(115)
评论(0)
推荐(0)
JS练习_BOM猜数字游戏
摘要: 要求:1、随机生成一个1--100的数字 2、在prompt弹出框中猜数字 3、提示【大于目标结果】【小于目标结果】【恭喜你回答正确】 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜数字<
阅读全文
posted @ 2021-09-24 19:11 博客zhu虎康
阅读(162)
评论(0)
推荐(0)
2021年9月23日
JS练习_返回顶部_防抖实现
摘要: 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>防抖与节流</title> <style> body{ height: 2000px; } button{ position:fixed; ri
阅读全文
posted @ 2021-09-23 18:24 博客zhu虎康
阅读(80)
评论(0)
推荐(0)
JS练习_返回顶部_节流实现
摘要: 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>防抖与节流</title> <style> body{ height: 2000px; } button{ position:fixed; ri
阅读全文
posted @ 2021-09-23 18:24 博客zhu虎康
阅读(45)
评论(0)
推荐(0)
JS练习_在网页中制作一个秒表
摘要: 要求:在网页中制作一个秒表(开始功能、停止功能、重置) 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时器</title> </head> <body> <button class="st
阅读全文
posted @ 2021-09-23 11:13 博客zhu虎康
阅读(239)
评论(0)
推荐(0)
2021年9月22日
JS练习_获取当前时间
摘要: 要求:在网页中显示当前时间 预览效果: 思路: y:year 年 M:Month 月 d:day 日 h:hours 小时 (h(12小时)/H(24小时)) m:minutes 分钟 s:seconds 秒钟 源码: let h1 = document.querySelector("h1"); s
阅读全文
posted @ 2021-09-22 18:40 博客zhu虎康
阅读(46)
评论(0)
推荐(0)
JS练习_触屏事件
摘要: 预览: 源码: let box = document.querySelector(".box"); box.ontouchstart = function (){ console.log("start"); } box.ontouchend = function (){ console.log("e
阅读全文
posted @ 2021-09-22 15:23 博客zhu虎康
阅读(21)
评论(0)
推荐(0)
JS练习_键盘事件
摘要: 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件类型</title> <style> .box{ width: 200px; height: 200px; background-color
阅读全文
posted @ 2021-09-22 12:02 博客zhu虎康
阅读(57)
评论(0)
推荐(0)
JS练习_鼠标事件
摘要: 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标事件</title> <style> .box{ width: 200px; height: 200px; background-color
阅读全文
posted @ 2021-09-22 11:59 博客zhu虎康
阅读(51)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
···
12
下一页
公告