Web

DOM

Window

实例属性：

• window.document：指向当前窗口加载的文档（即 Document 对象），用于操作 DOM。
• window.history：管理浏览历史（如 history.back(), history.pushState()）。
• window.indexedDB：IDBFactory，为应用程序提供异步访问索引数据库的能力。
• window.localStorage / window.sessionStorage：浏览器存储 API。
• window.location：提供当前 URL 的信息和控制导航（如 location.href、location.reload()）。
• window.navigator：获取浏览器信息（如用户代理、语言、平台等）。
• window.opener：返回对打开当前窗口的 window 的引用。
• window.performance：Performance ，返回包括 timing 和 navigation 属性的Performance对象，每个属性都是提供性能相关数据的对象。
• window.screen：访问屏幕信息（如 screen.width, screen.height）。

实例方法：

定时器：

• window.setTimeout()：(callback,delay?,...args?)，用于在指定延迟时间后执行函数或代码的全局方法。
• window.setInterval()：(callback,delay,...args?)，用于周期性无限循环调用函数或代码直到被显式取消的全局方法。
• window.clearTimeout()：(timeoutID)，用于取消由 setTimeout() 创建的定时器的全局方法。可以阻止尚未执行的定时器回调函数的运行。
• window.clearInterval()：(intervalID)，用于终止由 setInterval() 创建的周期性定时器的全局方法。

弹窗交互：

• window.alert()：(message)，用于在浏览器中显示一个模态对话框的全局方法，向用户展示一条消息并等待用户点击确认按钮，常用于简单的用户提示或调试。
• window.prompt()：(text,defaultText?)，用于显示一个模态对话框的全局方法，允许用户输入文本并返回输入内容。适用于快速获取用户输入的场景。
• window.confirm()：(message)，用于显示一个模态对话框的全局方法，允许用户通过点击“确定”或“取消”按钮进行二元选择（确认或取消）。

窗口：

• window.open()：(url?,target?,windowFeatures?)，用于打开新浏览器窗口或标签页的全局方法。可以控制新窗口的 URL、尺寸、位置、工具栏等
• window.close()：()，用于关闭当前浏览器窗口或标签页的方法。其行为受浏览器安全策略限制。

网络请求：

• window.fetch()：(url, options?)，用于发起网络请求的现代 API，基于 Promise 设计，取代了传统的 XMLHttpRequest。

CSS样式：

• window.getComputedStyle()：(element,pseudoEl?)，只读，用于获取元素最终计算后的 CSS 样式的方法。

帧动画：

• window.requestAnimationFrame()：(callback)，一种浏览器提供的机制，用于在浏览器的下一次重绘之前执行一个函数，它被广泛应用于动画的实现。
• window.cancelAnimationFrame()：(requestID)，用于取消由 requestAnimationFrame() 请求的动画帧的方法。

事件：

鼠标事件：

• click：鼠标点击元素（按下并释放左键）。
• dblclick：鼠标双击元素。
• contextmenu：右键点击元素（弹出上下文菜单前）。
• mousedown / mouseup：鼠标按下 / 释放。
• mousemove：鼠标在元素内移动。
• mouseenter / mouseleave：不冒泡，鼠标进入 / 离开元素本身。仅在进入目标元素时触发一次，子元素之间移动不触发。
• mouseover / mouseout：冒泡，鼠标进入 / 离开元素或其子元素。鼠标在元素和子元素之间移动时会重复触发。

键盘事件：

• keydown：按下键盘任意键。
• keyup：松开键盘按键。

表单事件：

• submit：表单提交。
• reset：表单重置。
• input：输入框内容实时变化。
• change：表单元素值变化并失焦（如输入框、下拉框）。
• focus / blur：元素获得 / 失去焦点。

窗口事件：

• DOMContentLoaded：HTML 解析完成（无需等待样式、图片）。
• load：页面及资源（如图片）加载完成。
• beforeunload：窗口关闭或刷新前。
• resize：窗口大小变化。
• scroll：页面滚动。

过渡事件：

• transitionend：CSS 过渡结束播放。

触摸事件：

• touchstart：触摸开始。
• touchmove：触摸移动。
• touchend：触摸结束。

剪切板事件：

• copy / paste：复制 / 粘贴内容。

媒体事件：

• play / pause：媒体播放 / 暂停。