bom

微信图片_20220103150117.jpg

微信图片_20220103150310.jpg

window对象是浏览器的顶级对象，它具有双重角色

它是JS访问浏览器窗口的一个接口
它是一个全局对象，定义在全局作用域中的变量，函数，都会变成window对象的属性和方法。调用时可以省略window，
*window下有一个特殊属性window.name

调整窗口大小事件

//调整窗口大小加载事件，当触发时就调用处理函数
//只要窗口大小发生变化，就会触发这个事件
//利用这个完成响应式布局，window.innerWidth
window.onresize = function () {}
window.addEventListener('resize',function () {})

window.setTimeout(调用函数，【延迟的毫秒数】)；

设置定时器，事件到了就执行函数，比如页面加载后出现一个广告，五秒后自动关闭

window可以省略
调用函数可以直接写函数，可以写函数名，
时间默认是0，如果写，必须是毫秒
定时器很多，通常要给一个标志符

*这是回调函数，需要等待时间到了才去调用，

给定时器取了名字就可以清除定时器，
cleatTimeout(定时器名字)；

setInterval(function(){},1000)

每过一千毫秒就执行一次函数，重复调用

清除定时器

clearInterval（定时器名字）；

倒计时发送短信案例


var btn =  document.querySelector('button');
var time = 60;

btn.addEventListener('click',function (e) {
    //点击了，按钮就禁用
btn.disabled = true;
var timer = setInterval(function () {
    if (time === 0) {
        //倒计时结束，清除定时器，按钮可用，时间恢复60，按钮文字复原
        clearInterval(timer);
        btn.disabled = false;
        time = 60;
        btn.innerHTML = '发送';
    }else{
        //倒计时
        btn.innerHTML = '还剩下'+time+'秒';
        time--;
    }
    
},1000);

同步和异步

同步就是程序的执行顺序和任务的排列顺序是一致的
异步就是做一件耗时的事同时处理其他事
JS 的异步事通过回调函数实现的

JS执行机制

微信图片_20220107204502.jpg

location对象

URL就是互联网资源地址，通信协议，主机（域名）端口号，路径，参数，片段

微信图片_20220107215449.jpg

微信图片_20220107215626.jpg

微信图片_20220108140835.jpg

navigator对象

微信图片_20220108141009.jpg

history对象

window对象提供一个history对象，与浏览器历史记录进行交互，该对象包含用户访问过的URL
history对象方法

back（）后退
forward()前进
go（参数）参数是1前进，参数是-1后退