微信图片_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后退
