BOM 定时器

BOM ( Browser Object Model )即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window.

窗口加载事件

window .onload = function () { }或者window .addEvehtListener ( "load" , function （）{ ）};

document.addEventListener ( 'DOMcontentLoaded' ,function(){ }
DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash等等。

调整window事件(通常用于js响应布局)

window. onresize = function () { }
window.addEventListener ( "resize" , function () { });

注意:
1.只要窗口大小发生像素变化，就会触发这个事件。
⒉我们经常利用这个事件完成响应式布局。window.innerWidth当前屏幕的宽度

setTimeout()定时器

window . setTimeout(调用函数，[延迟的毫秒数]);

setTimeout(这个调用函数我们也称为回调函数callback

setIntervalt()    同上

区别:

setTimeout延时时间到了，就去调用这个回调函数，只调用一次就结束了这个定时器

setInterval每隔这个延时时间，就去调用这个回调函数，会调用很多次，重复调用这个函

停止setTimeout()定时器

window.clearTimeout (timeout ID)
clearTimeout ()方法取消了先前通过调用setTimeout ()建立的定时器。
注意:
1. window可以省略。
2.里面的参数就是定时器的标识符。

同步和异步:

同步：前一个任务结束后再执行后一个任务，

异步：同时可以做多个线程

location 对象的属性

location对象属性返回值
location.href获取或者设置整个URL
location.host返回主机(域名)www.itheima.com
location.port返回端口号如果未写返回空字符串
location.pathname返回路径
location.search返回参数
location. hash返回片段#后面内容常见于链接锚点

location对象方法

location.assign()跟href一样，可以跳转页面（也称为重定向页面)
location.replace()替换当前页面，因为不记录历史，所以不能后退页面
location.reload()重新加载页面，相当于刷新按钮或者f5如果参数为true强制刷新ctrl+f5

history对象方法

back()可以后退功能
forward()前进功能
go(参数)前进后退功能参数如果是1前进1个页面如果是-1后退1个页面