【前端学习总结_17】BOM 操作：获取属性、跳转、刷新、前进后退、关闭页面

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/u010263423/article/details/102726416

---

BOM - Window

获取宽高

	window.screen.width;
    console.log("window.screen.availHeight:" + window.screen.availHeight);
    console.log("window.screen.availWidth:" + window.screen.availWidth);

跳转

• assign 可以退回
• replace 不可以退回

	var btn = document.querySelector("button");
    btn.onclick = function (){
        window.location.assign("https://www.bilibili.com/");
        /*window.location.replace("https://www.bilibili.com/");*/
    };

刷新

如果参数是 true ，那么就不走缓存

	window.location.reload();

前进 & 后退

默认是0，可以添加整数，正数表示前进多少页，负数表示后退多少页

	window.history.forward();
    window.history.back();
    window.history.go();

关闭页面

关键字 window.close()

	var btn = document.querySelector("button");
    btn.onclick = function () {
        window.close();
    }