05.幕后英雄—Window-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_50225064/article/details/130238484

文章介绍了Window对象在JavaScript中的重要性，强调遵循Web标准，忽略已弃用或存在问题的属性和方法。提到了在Node.js中模拟Window对象以及Window对象所统治的五大对象，如document、history、location等，并列举了Window对象的一系列实例属性和方法，包括closed、console、alert、close等，提醒开发者关注官方文档以获取最新信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

窗口对象属性—Window

注：这些带有红色回收站标记的属性或者方法都是从Web标准里弃用或者有问题的，虽然还有某些浏览器在使用，但是我们可以不用再管，直接跟着Web官方来走，直接弃用。

// JavaScript标准内置对象 ：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
// 这些是我们无需处理的，V8引擎自带这些内置对象

// Window API ：https://developer.mozilla.org/zh-CN/docs/Web/API/Window
// 要根据 html官方文档 来实时处理，有些方法或属性可能随时删除或更新的

// 在node中定义Window 分为五大对象 和 Window自身具有的方法和属性 这两大类

window = global;
// Window统治的五大对象
window.document = document = {};
window.history = history = {};
window.location = location = {};
window.navigator = navigator = {};
window.screen = screen = {};

// Window自身具有的方法和属性 （由字母顺序 / 官方文档顺序 来写）
// Window在这里建议作为一个大对象的形式来书写
window = {
    //  实例属性
    closed : '',
    console : '',
    customElements : '',
    devicePixelRatio : '',
    frameElement : '',
    frames : '',
    innerHeight : '',
    innerWidth : '',
    length : '',
    localStorage : '',
    locationbar : '',
    menubar : '',
    name : '',
    opener : '',
    outerHeight : '',
    outerWidth : '',
    pageXOffset : '',
    pageYOffset : '',
    parent : '',
    personalbar : '',
    scheduler : '',
    screenLeft : '',
    screenTop : '',
    screenX : '',
    screenY : '',
    scrollbars : '',
    scrollX : '',
    scrollY : '',
    self : '',
    sessionStorage : '',
    speechSynthesis : '',
    toolbar : '',
    top : '',
    visualViewport : '',
    window : '',
    //  实例方法
    alert:function () {},
    blur:function () {},
    cancelAnimationFrame:function () {},
    cancelIdleCallback:function () {},
    clearImmediate:function () {},
    close:function () {},
    confirm:function () {},
    convertPointFromNodeToPage:function () {},
    dump:function () {},
    find:function () {},
    focus:function () {},
    getComputedStyle:function () {},
    getDefaultComputedStyle:function () {},
    getSelection:function () {},
    matchMedia:function () {},
    moveBy:function () {},
    moveTo:function () {},
    open:function () {},
    postMessage:function () {},
    print:function () {},
    prompt:function () {},
    queryLocalFonts:function () {},
    requestAnimationFrame:function () {},
    requestIdleCallback:function () {},
    resizeBy:function () {},
    resizeTo:function () {},
    scroll:function () {},
    scrollBy:function () {},
    scrollByLines:function () {},
    scrollByPages:function () {},
    scrollTo:function () {},
    setImmediate:function () {},
    showDirectoryPicker:function () {},
    showOpenFilePicker:function () {},
    showSaveFilePicker:function () {},
    sizeToContent:function () {},
    stop:function () {},
    updateCommands:function () {},
    toString: function () {
        return "[object Window]"
    },
};