# 进度事件
# 课程目标
学习并实践进度事件
# 阅读
- JS 页面事件 (opens new window)
- 页面生命周期 (opens new window)
- 进度事件 (opens new window)
- 深入理解 js 中的加载事件 (opens new window)
- 页面加载事件--DOMContentLoaded (opens new window)
# 编码
- 封装一个函数,当页面加载完毕之后,在控制台打印出
页面已经加载完成
信息 - 封装一个函数绑定到图片元素上,当图片元素加载完毕之后,在控制台打印出
图片已经加载完成
信息 - 封装一个函数绑定到图片元素上,当图片元素加载发生错误,在控制台打印出
图片加载错误
信息 - 封装一个函数,当关闭页面时,弹出一个文本内容为
再见
的提示框
# 进阶任务
如果你很快就完成上面的任务,可以去 LeetCode 上去多进行一些练习。
# 提交
把你今天觉得做得最好的代码放在 Github 后进行提交。
# 总结
依然把今天的学习用时,收获,问题进行记录。