window属性:customElements

2018-04-03 10:25 更新

customElements属性

该 Window 接口的 customElements 只读属性用于返回对该 CustomElementRegistry 对象的引用,该对象可用于注册新的自定义元素并获取有关以前注册的自定义元素的信息。

customElements属性语法

let customElementRegistry = window.customElements;

customElements属性返回值

customElements 属性返回一个 CustomElementRegistry 对象实例,表示当前窗口的自定义元素注册表。

customElements属性示例

你会看到使用这个属性的最常见的例子是访问 CustomElementRegistry.define() 方法来定义和注册一个新的自定义元素,例如:

let customElementRegistry = window.customElements;
customElementRegistry.define('my-custom-element', MyCustomElement);

但是,它通常缩写为以下内容:

customElements.define('element-details',
  class extends HTMLElement {
    constructor() {
      super();
      const template = document
        .getElementById('element-details-template')
        .content;
      const shadowRoot = this.attachShadow({mode: 'open'})
        .appendChild(template.cloneNode(true));
  }
});

规范

规范状态注释
HTML Living Standard
规范中的'window.customElements'的定义。
Living Standard
初始定义。

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。

  • 电脑端
特征Firefox(Gecko)
Chrome
Edge
Internet Explorer
Opera
Safari
window.customElements不支持支持不支持
  • 移动端

特征Firefox Mobile (Gecko)Chrome for AndroidIE MobileOpera MobileSafari Mobile
window.customElements?????
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号