JS------DAY2

BOM的基本操作:

获取可视窗口宽度：window.innerWidth()

获取可视窗口高度：window.innerHeight()

提示框：window.alert()

询问框：window.confirm()

输入框：window.prompt()

开启标签页：window.open('url')

关闭标签页：window.close()

JS中，业内元素的id可以当变量来使用。

 

浏览器常见事件：

资源加载完毕：window.onload = function(){}

可视尺寸改变：window.οnresize= function(){}

滚动条位置改变：window.onscroll = function(){}

浏览器的历史记录操作：

回退：window.history.back()

前进：window.history.forward()

 

浏览器滚动到具体位置：
无动画：

window.scrollTo(left:,top:)   //left是卷去的宽，top是卷去的高

有动画：

window.scrollTo({left: ,top:, behavior:smooth})

获取卷去的高度：

带ducumentElement的要有<!DOCTYPE>

不带ducumentElement的，带body的，不用有<!DOCTYPE>

因此为了方便呢，有一种兼顾的方法：

定时器：

 间隔定时器写法：

 每隔一秒执行一次

延迟计时器：

多少秒以后执行一次

 定时器的返回值：