window陌生的一些属性方法

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 的元素(如:<iframe> 或 <object>),如果元素为顶层或嵌入到具有不同脚本原点的文档中,则为 null;也就是说,在交叉来源的情况下。

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)")
image.png
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)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容