We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Window.customElements

这篇翻译不完整。请帮忙从英语翻译这篇文章

customElements是Window对象上的一个只读属性,接口返回一个CustomElementRegistry 对象的引用, 可以用于注册一个新的custom elements ,并且可以用于获取之前定义过的自定义元素的信息。

语法

let customElementRegistry = window.customElements;

返回值

一个表示当前窗口的自定义元素注册表的CustomElementRegistry对象的实例。

例子

这个属性最常用的例子是用来获取使用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));
  }
});

参阅我们的web-components-examples获取更多有用的例子。

规范

规范 状态 备注
HTML Living Standard
window.customElements
Living Standard Initial definition.

浏览器兼容

 

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Firefox (Gecko) Chrome Edge Internet Explorer Opera Safari
window.customElements 未实现 (Yes) 未实现 ? ? ?
Feature Firefox Mobile (Gecko) Chrome for Android IE Mobile Opera Mobile Safari Mobile
window.customElements ? ? ? ? ?

文档标签和贡献者

此页面的贡献者: bluetomlee, lltemplar, Mmzer
最后编辑者: bluetomlee,