BOM

Window全局对象

Window窗口对象

Window常见属性，方法，事件

// 1.常见属性
console.log(window.screenX);
console.log(window.screenY);

window.addEventListener("scroll", () => {
    console.log(window.scrollX, window.scrollY);
});

console.log(window.outerHeight);
console.log(window.innerHeight);

// 2.常见方法
const scrollBtn = document.querySelector("#scroll");
scrollBtn.onclick = function () {
    // 1. scrollTo
    window.scrollTo({ top: 2000 });

    // 2.close
    // window.close()

    // 3.open
    // window.open('http://www.baidu.com', "_self")
};

// 3.常见的事件
window.onload = function () {
    console.log("加载完毕");
};

window.onfocus = function () {
    console.log("获取焦点");
};
window.onblur = function () {
    console.log("失去焦点");
};

const hashBtn = document.querySelector("#hash");
hashBtn.onclick = function () {
    location.hash = "aaa";
};

window.onhashchange = function () {
    console.log("hash改变");
};

// 4.Window继承自EventTarget
const clickHandler = () => {
    console.log("window被点击");
};
window.addEventListener("click", clickHandler);
window.removeEventListener("click", clickHandler);
window.addEventListener('zzy', () => {
    console.log('监听到zzy事件');
})
window.dispatchEvent(new Event('zzy'));