本帖最后由 faith 于 2023-1-5 21:27 编辑
一、今日所学
1、键盘事件
键盘按下：keydown
键盘抬起：keyup
keyCode键盘码
2、BOM
（1）概念：浏览器对象模型，是一套用来管理控制浏览器的规则
（2）特点：
BOM和DOM都是管理抽象对象的规则
BOM主要负责页面与页面的通讯
BOM是对浏览器进行管理的规则，没有统一的标准
（3）BOM的核心对象：window——顶层对象
window可写可不写
window是整个JavaScript中的顶层对象，不存在任何结构上超过window对象的结构
全局作用域可以理解为window对象生效的范围，所以在全局中声明的变量都会自动挂载在window身上
（4）BOM和DOM的关系
DOM通过document来访问控制修改文档中的内容
BOM通过window来访问控制修改浏览器的内容
BOM包含DOM
（5）window的事件
window.onload：这个事件是等页面加载完成之后，再执行script标签中的内容
load:等页面内容全部加载完毕，包含页面的dom元素，图片，flash，css等
DOMContentLoaded：DOM加载完毕，不包含图片，flash，css等就可以执行，加载速度比load快
（6）resize事件
resize事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示
一般用于响应式布局
（7）元素显示隐藏的三种方式之间的区别
不占位——display:none；
占位——visibility="hideen"；opacity="0"；
3、定时器
（1）分类
周期定时器setInterval
延迟定时器setTimeout
（2）相同点：
属于window，window可写可不写
有两个参数：
第一个参数：回调函数，具体需要去执行的操作
第二个参数：执行的时间
时间的单位是毫秒1000毫秒=1秒
（3）不同点：
周期定时器会一直重复执行
延迟定时器只执行一次
|
