JS-BOM简介、window对象的常见事件、定时器、执行队列、location对象、navigator对象、history对象

1、BOM简介

2、window对象的常见事件

2.1 窗口加载事件(JS代码就可以放在任意位置了)

第二种方法,加载DOM,不包含样式、图片,适合图片多的网站使用


2.2调整窗口大小事件


3、定时器

(1)setTimeout定时器,X毫秒后执行,只执行一次

5秒后关闭广告案例



(2)setInterval定时器,每X毫秒调用执行一次

倒计时案例

发送短信案例


4、JS执行队列

JS执行是单线程的,如果JS中有定时器或者点击事件等,会阻碍到后面代码的执行,效率就会很慢,所以出现了同步任务和异步任务

同步任务

同步任务在主线程上执行,形成一个执行栈,先执行同步任务,执行完毕后依次读取任务队列中的异步任务,进入到执行栈开始执行

异步任务

比如点击事件,定时器等就是异步任务,通过回调函数实现的,先添加到任务队列中等候。点击事件会先进入异步进程(异步API)等待处理,当点击鼠标后再放到任务队列中,定时器也是先放到异步进程等待,定时到了后再放到任务队列中


5、location对象   获取或设置URL

location.href:5秒钟后跳转页面案例


location.search:获取URL参数  把参数从一个页面传到另一个页面


5.4 location对象的方法


6、navigator对象


7、history对象

history对象的方法(少用,了解)

你可能感兴趣的:(JS-BOM简介、window对象的常见事件、定时器、执行队列、location对象、navigator对象、history对象)