美文网首页
window陌生的一些属性方法

window陌生的一些属性方法

作者: 时间_7436 | 来源:发表于2022-08-04 11:22 被阅读0次
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)

相关文章

  • window陌生的一些属性方法

    window.caches 只读属性返回与当前上下文关联的 CacheStorage 对象。该对象启用了功能,例如...

  • 「DOM 编程」BOM

    BOM属性navigatorlocation方法history方法screenWindow 方法Window 事件...

  • JavaScript的BOM编程,事件-第4章

    目标 BOM编程 window和document对象 window对象的属性和方法 document对象的属性和方...

  • JavaScript内置对象(Window&Docume

    window作用 所有全局的变量都是window的属性 所有全局的函数都是window的方法 window的应用 ...

  • JS中常用的全局属性及方法

    JS中常用的全局属性及方法 window对象window对象表示当前的浏览器窗口。window对象的成员属性就是全...

  • DOM_基础介绍(一)

    Dom_基础介绍(一) 1. window对象 当访问window的属性和方法的时候,window可以省略 ECM...

  • JavaScript篇

    this指向 全局的变量都是window的属性,全局的函数都是window的方法 call / apply 都是指...

  • 前端JS指南

    1. document对象 && window对象 所有的全局函数和对象都属于window对象的属性和方法。 区别...

  • BOM对象

    BOM的核心是window window对象属性 全局变量都是window对象的属性 window.innerHe...

  • window常用属性和方法

    window.navigator.userAgent appName 浏览器名 appVersion 版本号 la...

网友评论

      本文标题:window陌生的一些属性方法

      本文链接:https://www.haomeiwen.com/subject/tgwywrtx.html