"Web Components" platforma include mai multe standarde Web Components. care sunt în lucrări.
Incepem cu un elemente standard personalizat. care vă permite să creați propriile tipuri de elemente.
Cu toate acestea, elementul implicit cu numele non-standard (de ex
Elemente standard, personalizate permite noi elemente pentru a descrie proprietățile, metodele și declararea lui DOM, similaritatea de designer și mai mult.
Să-l văd pe exemple.
Pentru exemple de Chrome recomandate
Deoarece caietul de sarcini nu este finală, apoi pentru a rula proba este recomandat să utilizați Google Chrome, o mai bună - cea mai recentă versiune de Chrome Canary. care tind să reflecte cele mai recente modificări.
apelare este utilizat document.registerElement (un nume pentru a descrie noul element,
- nume - noul nume tag-ul, cum ar fi "mega-select". Acesta trebuie să conțină o cratimă „-“. Caietul de sarcini necesită o cratimă, pentru a evita conflictele viitoare cu elemente HTML standard. Nu puteți crea un myTimer element sau timer - ar fi o greșeală.
- prototip - obiect prototip pentru noul element, acesta trebuie să moștenesc de la HTMLElement. că elementul avea proprietăți și metode standard.
Aici, de exemplu, un element nou
Pentru a face acest lucru, browser-ul are un mod special de elementele existente „actualizare“.
În cazul în care browser-ul vede un element al numelui necunoscut, în care există o cratimă - (aceste elemente sunt numite «nerezolvate»), atunci:
- El pune acest element special al pseudo- CSS: nerezolvate. prin CSS pentru a putea arăta că el este încă „nu pentru a încărca.“
- Când apelați registerElement aceste elemente sunt actualizate automat la clasa corectă.
În exemplul de mai jos registrul elementului se produce 2 secunde după ce sosește în marcare:
Când creați un element nou în JS, dacă utilizați extinde. trebuie să specificați sursa și tag-ul, inclusiv:
În prototipul elementelor sale putem defini metode speciale, care vor fi numite pentru a crea, adăuga și elimina elemente din DOM: