window.caches
只读属性返回与当前上下文关联的 CacheStorage 对象。该对象启用了功能,例如存储资源以供离线使用,并生成对请求的自定义响应。
closed属性
此 closed 只读属性指示引用的窗口是否已关闭。
Crypto
该 Window.crypto 只读属性返回与全局对象相关的 Crypto 对象。该对象允许网页访问某些密码相关的服务。
uid生成技巧 window.crypto.randomUUID()
devicePixelRatio属性
该 Window 属性 devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率。此值也可以解释为像素大小的比率:一个 CSS 像素的大小与一个物理像素的大小的比值。简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素。
这在处理标准显示与 HiDPI 或 Retina 显示之间的差异时很有用,它使用更多屏幕像素绘制相同对象,从而产生更清晰的图像。
当此值发生变化时(例如,如果用户将 window 拖到具有不同像素密度的显示器上),则无法通知该值。由于没有可用于检测像素密度变化的回调或事件,因此唯一的方法是定期检查其 devicePixelRatio 值是否已更改。不要经常这样做,否则会影响性能。
frameElement属性
frameElement 属性返回嵌入 window 的元素(如:
var frameEl = window.frameElement;
// If we're embedded, change the containing element's URL to 'http://mozilla.org/'
if (frameEl) {
frameEl.src = 'http://mozilla.org/';
}
onbeforeprint属性
onbeforeprint属性设置并返回当前窗口的onbeforeprint事件处理程序代码。
onafterprint属性
该onafterprint属性用于设置并返回当前窗口的onafterprint EventHandler。
使用它来调整打印过程中显示的用户界面(例如,在打印过程中显示或隐藏用户界面元素)。
该afterprint事件在用户打印或中止打印对话框后引发。
onanimationcancel属性
animationcancel 事件的事件处理程序。当CSS动画意外中止时(换句话说,在任何时候它停止运行而不发送animationend事件)时将发送此事件,例如当animation-name被改变,动画被删除,或者动画节点被隐藏时(可能是直接的或者是因为它的任何包含节点都被隐藏),请使用CSS。
onhashchange属性
当窗口的哈希值发生变化时,hashchange事件将会触发。
ontransitioncancel属性
transitioncancel事件的事件处理程序。该事件在CSS转换被取消时发送。
在以下情况下,转换被取消:
适用于目标的transition-property属性值将更改
该display属性设置为"none"。
转换在运行完成之前停止,例如通过将鼠标移出悬停转换元素。
ontransitionend属性
transitionend事件的事件处理程序。此事件在CSS转换完成时发送到。
如果在转换完成执行之前从其目标节点删除转换,则不会生成该transitionend事件。一种可能发生的方式是改变适用于目标的transition-property属性值。另一种情况是,display属性设置为"none"。
performance属性
该Window接口的performance属性返回一个Performance对象,该对象可用于收集有关当前文档的性能信息。它充当性能时间表API,高分辨率时间API,导航时间API,用户时间API和资源定时API的曝光点。
URL属性
在使用URL属性之前,请仔细检查浏览器兼容性表。
该Window.URL属性返回一个对象,该对象提供用于创建和管理对象URL的静态方法。它也可以被称为构造函数来构造URL对象。
getComputedStyle()方法
该window.getComputedStyle()方法返回一个对象,该对象在应用活动样式表并解析这些值可能包含的任何基本计算后,报告元素的所有CSS属性的值。单个CSS属性值通过对象提供的API或通过使用CSS属性名称进行索引来访问。
getSelection()方法
getSelection() 方法可以返回一个 Selection 对象,表示用户选择的文本范围或光标的当前位置。
matchMedia()方法
matchMedia()方法可以返回一个表示指定媒体查询字符串的已解析结果的新MediaQueryList对象。
window.matchMedia("(min-width: 800px)")
prompt()方法
Window.prompt()将显示一个对话框,其中包含一条可选消息,提示用户输入一些文本。
result = window.prompt(message,default);
scrollTo()方法
scrollTo()方法可以滚动到文档中的一组特定坐标。
x-coord是您希望在左上角显示的文档水平轴上的像素。
y-coord是您希望在左上角显示的文档垂直轴上的像素。
options是一个具有三种可能属性的对象:
top,这和y-coord是一样的;
left,这和x-coord是一样的;
behavior,它是一个包含smooth,instant或auto的字符串
默认是auto。
window.scrollTo( 0, 1000 );
// this changes the scrolling behavior to "smooth"
window.scrollTo({
top: 1000,
behavior: "smooth"
});
stop()方法
stop()方法可以停止窗口的加载。
dispatchEvent()
在指定的EventTarget上调度Event,(同步)以适当的顺序调用受影响的EventListener。正常事件处理规则(包括捕获和可选的冒泡阶段)也适用于使用dispatchEvent()手动调度的事件。
用法参考(https://blog.csdn.net/weixin_42333548/article/details/103367725)