37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
|
# dom
|
|||
|
1. 点击按钮时,显示和隐藏盒子。
|
|||
|
|
|||
|
2. 鼠标悬停时,显示二维码大图
|
|||
|
|
|||
|
3. 点击按钮禁用文本框/解禁文本框
|
|||
|
|
|||
|
4. 文本框获取焦点/失去焦点(淘宝 京东的搜索框效果)
|
|||
|
|
|||
|
5. 用户注册信息错误时,输入框失去焦点后,高亮显示。
|
|||
|
|
|||
|
6. 全选和反选(仿京东购物车)
|
|||
|
|
|||
|
7. 电子时钟 (时间会更新)
|
|||
|
|
|||
|
![img](https://images2018.cnblogs.com/blog/1413464/201806/1413464-20180623141505286-330103200.png)
|
|||
|
|
|||
|
|
|||
|
8. 随机点名 通过math.radom取随机数实现随机点名 名字集合放在数组里
|
|||
|
|
|||
|
![img](https://images2018.cnblogs.com/blog/1413464/201806/1413464-20180623141252328-1912615846.png)
|
|||
|
|
|||
|
|
|||
|
9. 获取验证码,并验证
|
|||
|
|
|||
|
html部分:在输入框输入验证码,验证是否一致,点击更换验证码内容
|
|||
|
验证:获取输入框内容,与验证码内容匹配
|
|||
|
|
|||
|
|
|||
|
10. 性格测试
|
|||
|
类似于这样 四个选项对应不同的结果
|
|||
|
|
|||
|
![image-20210519165917810](E:\web\lessons\课件\zuoye\js\dom.assets\image-20210519165917810.png)
|
|||
|
|
|||
|
11. 仿写 todolist的备忘录功能 实现要做项的增删改查
|
|||
|
|
|||
|
12. 在html上写一个表格 包括姓名 年龄 性别 住址 职业 通过js 做信息的增删改查
|