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 Android | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
window.customElements | ? | ? | ? | ? | ? |
以上内容是否对您有帮助:
更多建议: