JavaScript学习笔记（2.0）

BOM--（browser object model）

获取浏览器窗口尺寸

获取可视窗口高度：window.innerWidth

获取可视窗口高度:window.innerHeight

浏览器弹出层

提示框：window.alert('提示信息')

询问框：window.confirm('提示信息')

输入框：window.prompt（'提示信息'）

开启和关闭标签页

开启：window.open(地址)

关闭：window.close()

浏览器常见事件

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

可视尺寸改变:window.onresize=function(){}

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

浏览器历史记录操作

回退页面：window.history.back()

前进页面：window.history.forward()

6.浏览器卷去的尺寸（为了兼容，需要用 | |  来将两种写法都写上）

卷去的高度：

document.documentElement.scrollTop   (有doctype标签时)

document.body.scrollTop  (无doctype标签时)

卷去的宽度

document.documentElement.scrollLetf (有doctype标签时)

document.body.scrollLeft  (无doctype标签时)

浏览器滚动到

滚动到：window.scrollTo()

参数方式1：window.scrollTo（left,top）

left:浏览器卷去的宽度

top:浏览器卷去的高度

参数方式2：window.scrollTo({

left:xx,

top:yy,

behavior:'smooth'

})

JS的定时器

间隔定时器：按照制定周期（毫秒）去执行指定的代码

延时定时器：在固定时间（毫秒）后指定一次代码

间隔定时器（一直执行，在没有特定约束的情况下一直执行）

setInterval(函数，时间)

函数：每次要执行的内容

时间：单位是毫秒

延时定时器（执行一次）

语法：setTimeout(函数，时间)

函数：时间到达执行的内容

时间：单位是毫秒

定时器的返回值

不区分定时器种类，只表示当前页面的第几个定时器

关闭定时器

语法一：clearInterval（要关闭的定时器返回值）

语法二：clearTimeout (要关闭的定时器返回值)

注意：不区分定时器种类