window中常用的对象

document

1. cookie :常用与客户端存放数据
   参考：语法、参数说明

---

2. Element.scrollIntoView() ： 滚动元素的父级，时该元素在可见范围内
   参考：官网
3. dispatchEvent(event) ：手动触发事件

---

element的操作

1.parentNode : 获取父级节点
2.nextSibling : 获取下一个节点
3. previousSibling : 获取上一个节点
4. nextELementSibling : 获取下一个元素节点
5. previouswElementSibling : 获取上一个元素节点

节点包括：文本节点、注释、元素节点

参考：CSDN

AbortController

1. 作用: 中断异步请求
2. 存在的意义： fetch等请求没有取消请求的功能
3. 属性：signal ： 可以用它来和异步操作进行通信或者中止这个操作。
4. 方法： abort() : 终止异步操作
5. 例子：

let controller;
const url = "video.mp4";
const downloadBtn = document.querySelector(".download");
const abortBtn = document.querySelector(".abort");
downloadBtn.addEventListener('click', fetchVideo);
abortBtn.addEventListener('click', () => {
if (controller) {
controller.abort();
console.log("中止下载");
}
});
function fetchVideo() {
controller = new AbortController();
const signal = controller.signal;
fetch(url, {signal}).then(response => {
console.log("下载成功"， reponse);
}).catch(err => {
console.error(`下载错误：${err.message}`)
})
}