dom3

Posted 2020-09-18 钱钱钱啊

1. *BOM：
window对象
****定时器——动画
2. 常用BOM对象：
***Navigator

1. BOM：专门操作浏览器窗口的对象
window对象：2个角色：
1. 充当全局对象！
2. 包含BOM常用对象

属性：
大小与位置：
innerHeight/Width: 文档显示区的大小
outerHeight/Width: 窗口大小

pageYOffset：文档左上角到文档显示区左上角的距离

1. 打开新链接：4种效果：
1. 在当前窗口打开新链接，可后退
html:
js:[window.]open("url","_self")
2. 在当前窗口打开新链接，禁止后退
js:location.replace("新url");
3. 在新窗口打开新链接，可同时开多个
html:
js:
4. 在新窗口打开新链接，只能打开一个
target-->目标窗口的名称
_self: 自动获得当前窗口名称
_blank: 创建一个新窗口，随机生成一个不重复的名字
*窗口名：内存中同一个窗口名只能打开一个
后打开的，会替换先打开的
html: <a href="xxx" target="自定义窗口名"></a>
window.name="自定义窗口名" js:

1. 窗口大小与定位：
大小：
1. window.innerHeight/Width: 文档显示区宽高
outerHeight/Width: 整个窗口的宽高

2. screen.height/width: 桌面完整分辨率宽高
screen.availHeight/availWidth: 去掉任务栏后剩余分辨率的宽高

3. 调整大小：window.resizeTo(width,height)
调整到
resizeBy(变化的width,变化的height)

位置：
1. 左上角x坐标：window.screenLeft||window.screenX;
y坐标：window.screenTop||window.screenY;
2. 将窗口移动到指定坐标：window.moveTo(x,y)
3. 事件发生时，鼠标相对于整个屏幕的坐标：
event.screenX|screenY

2. ****定时器：让浏览器按指定时间间隔反复执行同一任务
2种：
周期性定时器：让浏览器按指定时间间隔反复执行同一任务
如果不手动停止，则一直反复执行
一次性定时器：让浏览器等待一段时间间隔，执行一次任务
自动停止。
在一次性定时器的结尾，每次都重新启动一个一次性定时器
建议：尽量使用一次性定时器，代替周期性定时器

如何使用：周期性和一次性用法完全相同的
周期性：3件事：
1. 动画的每一步要执行的任务(函数对象)
function step(){
每一步要做的事情
}
2. 将一步的任务放入定时器，反复调用
timer=setInterval(step,间隔毫秒数)
3. 必须用全局变量，临时存储定时器的编号
clearInterval(timer)

一次性：3件事
1. 动画的每一步要执行的任务(函数对象)
function step(){
每一步要做的事情
/*根据条件判断是否有必要继续启动下一个定时器*/ }
2. 将一步的任务放入定时器，反复调用
timer=setTimeout(step,间隔毫秒数|等待毫秒数)
3. 必须用全局变量，临时存储定时器的编号
clearTimeout(timer)
停止正在等待的定时器