20220914 JS事件、元素对象常用属性、BOM基础、定时器、同步异步

onfocus

元素获取焦点时触发

oninput

元素获取用户输入时触发

框架

onload

一张页面或一幅图像完成加载。

onresize

窗口或框架被重新调整大小。

onscroll

当文档被滚动时发生的事件。

对象常用属性

• clientHeight：元素的高度，包括内边距
• clientWidth：元素的宽度，包括内边距
• offsetHeight：元素的高度，包括内边距和滚动条
• offsetWidth：元素的宽度，包括内边距和滚动条
• scrollHeight：滚动高度
• scrollTop：滚动条距离顶部的高度【值为0是最顶部，值为scrollHeight是最底部】

BOM基础

BOM【浏览器对象】

• location：地址栏
• 表示本机：
• 本机IP：cmd中输入ipconfig查询
• 127.0.0.1
• localhost

端口

• 每个服务打开时的窗口
• 总路径：https://主机IP：端口/页面路径
• 根路径：https://主机IP：端口
• 页面路径：页面在项目中的路径

history【历史记录】

• Windows.history.back（）：退回上一页
• Windows.history.forward（）：跳到下一页
• Windows.history.go（n/-n）：n任意数，n退回上一页，-n跳到下一页

navigator【浏览器信息】

screen【屏幕】

定时器

一次性定时器

• 定时器对象=serTimeout（回调函数，毫秒数）；在指定毫秒数后执行回调函数

循环定时器

• 定时器对象=serIntrval（回调函数，毫秒数）；在隔一段时间后执行一次回调函数

销毁定时器

• clearTimeout（一次性定时器对象）
• clearIntrval（循环定时器对象）

同步异步

• 同步：前面执行完了才会执行后面
• 异步：不需要前面执行完也会执行后面
• 同步先执行在执行异步