HTML自定義元素

freecode 發(fā)布于2019-08-01 14:40 / 2051人閱讀

隨便寫一個陌生的標(biāo)簽也可以通過js獲取到，也可以定制樣式和添加事件。

這里要提到document.registerElement,
如果不通過document.registerElement接口注冊,沒有js該元素不會自動運行，因為使用的是HTMLUnknownElement接口，而經(jīng)過注冊的自定義元素使用的則是HTMLElement接口。

注冊過的元素可以自定義接口：
document.registerElement("great-apes", {prototype: apeProto});
完成了上面的步驟之后，你就可以在DOM中查詢你的元素了并且調(diào)用它的方法：
var apes = document.querySelector("great-apes");
apes.hoot();

caniuse:
自定義元素是一個很新的概念，瀏覽器廠商已經(jīng)在努力將它們添加進瀏覽器中，最新版本的Chrome和Opera瀏覽器已經(jīng)實現(xiàn)了registerElement()方法，它也將會登陸最新的Firefox Nightly。但是，自定義元素還不足以使用在生產(chǎn)環(huán)境中。

但是，我們還有另一種選擇，就是使用Polymer

云服務(wù)器 GPU云服務(wù)器 html 字體自定義 html自定義標(biāo)簽自定義標(biāo)簽html 自定義表單html：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/49516.html

相關(guān)文章

自定義元素探秘及構(gòu)建可復(fù)用組件最佳實踐

摘要：若自定義元素標(biāo)簽名稱不可用則摒棄。總之，自定義元素讓開發(fā)者的代碼更易理解和維護，并分割為小型，可復(fù)用及可封裝的模塊。被稱為自定義元素接口，雖然現(xiàn)在仍然可用，但是已經(jīng)被棄用并被認(rèn)為是糟糕的實現(xiàn)。原文請查閱這里，略有刪減，本文采用知識共享署名 4.0 國際許可協(xié)議共享，BY Troland。這是 JavaScript 工作原理第十九章。概述在前述文章中，我們介紹了 Shadow ...

CoorChice 2019-08-23 15:34 評論0 收藏0
ife 零基礎(chǔ)學(xué)院 day 2

摘要：的一些規(guī)則新特性應(yīng)該基于以及。將支持某些特性。作用聲明幫助瀏覽器正確地顯示網(wǎng)頁。標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱值對。每個列表項始于標(biāo)簽。第二天：給自己做一個在線簡歷吧最后的驗證，提出了幾個問題，嘗試解答一下 HTML是什么，HTML5是什么 HTML的定義摘抄自w3school的HTML 簡介 HTML 是用來描述網(wǎng)頁的一種語言。 HTML 指...

qpal 2019-04-23 13:46 評論0 收藏0
Web Components 是個什么樣的東西

摘要：生命周期和回調(diào)在這個的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個屬性會返回一個表示引入的文件的文檔對象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。前端組件化這個主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時的 Directive 到 angular2 的 components，還有 React 的 co...

XUI 2019-08-29 11:13 評論0 收藏0
Web Components 是個什么樣的東西

摘要：生命周期和回調(diào)在這個的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個屬性會返回一個表示引入的文件的文檔對象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。前端組件化這個主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時的 Directive 到 angular2 的 components，還有 React 的 co...

wizChen 2019-08-01 15:39 評論0 收藏0
Web Components 是個什么樣的東西

摘要：生命周期和回調(diào)在這個的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個屬性會返回一個表示引入的文件的文檔對象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。前端組件化這個主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時的 Directive 到 angular2 的 components，還有 React 的 co...

ranwu 2019-08-20 10:35 評論0 收藏0