Stručný_úvod_do_DOM

  • Revision slug: Stručný_úvod_do_DOM
  • Revision title: Stručný_úvod_do_DOM
  • Revision id: 272332
  • Created:
  • Creator: fscholz
  • Is current revision? Ano
  • Comment interwiki error; 28 words removed

Revision Content

Co je to DOM?

Document Object Model (objektový model dokumentu) je API pro HTML a XML dokumenty. Umožňuje strukturovaně znázornit dokument, upravovat jeho obsah a vizuální podobu. V podstatě propojuje webové stránky se skriptovacími nebo programovacími jazyky.

Všechny vlastnosti, metody a události, které jsou k dispozici webovým vývojářům k úpravě a vytváření webových stránek, jsou uspořádány do objektů (tj. objekt 'dokument', který představuje dokument jako takový, objekt 'tabulka', který představuje HTML prvky tabulky, atd.). Tyto objekty jsou přístupné pomocí skriptovacích jazyků ve většině současných webových prohlížečů.

DOM je nejčastěji využíván ve spojení s JavaScriptem a to tak, že kód je napsán v JavaScriptu, ale využívá DOM pro přístup k webové stránce a jejím prvkům. DOM byl nicméně navržen tak, aby nebyl závislý na žádném programovacím jazyku, vytváří strukturované znázornění dokumentu dostupné pod jediným API. Ačkoliv se zde zaměřujeme právě na JavaScript, DOM může být implementován libovolným jazykem.

Konsorcium World Wide Web ustanovilo standard pro DOM, nazvaný W3C DOM. Nyní jej mají nejdůležitější prohlížeče implementován správně a díky tomu je možné psát výkonné aplikace nezávislé na konkrétním prohlížeči.

Proč je důležitá podpora DOM v Mozille?

"Dynamické HTML" (DHTML) je termín používaný některými webmastery a vyjadřuje kombinaci HTML, kaskádových stylů a skriptů, které umožňují oživit webové stránky. Pracovní skupina W3C DOM vyvíjí velké úsilí, aby nalezla řešení schopná spolupracovat s libovolným skriptovacím jazykem. Tato řešení jsou pak akceptována (více na W3C FAQ) jednotlivými dodavateli těchto jazyků. Vzhledem k tomu, že Mozilla uplatňuje název "Platforma webových aplikací", je podpora DOM jedním z nejdůležitějších požadavků a je nezbytná pro každý webový prohlížeč.

Ještě důležitější je fakt, že uživatelské rozhraní Mozilly (tedy i Firefoxu a Thunderbirdu) je založeno na XUL - XML User interface Language, Mozilla tedy využívá DOM pro manipulaci s vlastním uživatelským rozhraním.

{{ languages( { "en": "en/About_the_Document_Object_Model", "es": "es/Acerca_del_Modelo_de_Objetos_del_Documento", "fr": "fr/\u00c0_propos_du_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu" } ) }}

Revision Source

<h3 id="Co_je_to_DOM.3F" name="Co_je_to_DOM.3F">Co je to DOM?</h3>
<p><a href="/cs/DOM" title="cs/DOM">Document Object Model</a> (objektový model dokumentu) je API pro <a href="/cs/HTML" title="cs/HTML">HTML</a> a <a href="/cs/XML" title="cs/XML">XML</a> dokumenty. Umožňuje strukturovaně znázornit dokument, upravovat jeho obsah a vizuální podobu. V podstatě propojuje webové stránky se skriptovacími nebo programovacími jazyky.</p>
<p>Všechny vlastnosti, metody a události, které jsou k dispozici webovým vývojářům k úpravě a vytváření webových stránek, jsou uspořádány do <a href="/en/Gecko_DOM_Reference">objektů</a> (tj. objekt 'dokument', který představuje dokument jako takový, objekt 'tabulka', který představuje HTML prvky tabulky, atd.). Tyto objekty jsou přístupné pomocí skriptovacích jazyků ve většině současných webových prohlížečů.</p>
<p>DOM je nejčastěji využíván ve spojení s <a href="/cs/JavaScript" title="cs/JavaScript">JavaScriptem</a> a to tak, že kód je napsán v JavaScriptu, ale využívá DOM pro přístup k webové stránce a jejím prvkům. DOM byl nicméně navržen tak, aby nebyl závislý na žádném programovacím jazyku, vytváří strukturované znázornění dokumentu dostupné pod jediným API. Ačkoliv se zde zaměřujeme právě na JavaScript, DOM může být implementován <a class="external" href="http://www.w3.org/DOM/Bindings">libovolným jazykem</a>.</p>
<p><a class="external" href="http://www.w3.org/">Konsorcium World Wide Web</a> ustanovilo <a class="external" href="http://www.w3.org/DOM/">standard pro DOM</a>, nazvaný W3C DOM. Nyní jej mají nejdůležitější prohlížeče implementován správně a díky tomu je možné psát výkonné aplikace nezávislé na konkrétním prohlížeči.</p>
<h3 id="Pro.C4.8D_je_d.C5.AFle.C5.BEit.C3.A1_podpora_DOM_v_Mozille.3F" name="Pro.C4.8D_je_d.C5.AFle.C5.BEit.C3.A1_podpora_DOM_v_Mozille.3F">Proč je důležitá podpora DOM v Mozille?</h3>
<p>"Dynamické HTML" (<a href="/cs/DHTML" title="cs/DHTML">DHTML</a>) je termín používaný některými webmastery a vyjadřuje kombinaci HTML, kaskádových stylů a skriptů, které umožňují oživit webové stránky. Pracovní skupina W3C DOM vyvíjí velké úsilí, aby nalezla řešení schopná spolupracovat s libovolným skriptovacím jazykem. Tato řešení jsou pak akceptována (více na <a class="external" href="http://www.w3.org/DOM/faq.html">W3C FAQ</a>) jednotlivými dodavateli těchto jazyků. Vzhledem k tomu, že Mozilla uplatňuje název "Platforma webových aplikací", je podpora DOM jedním z nejdůležitějších požadavků a je nezbytná pro každý webový prohlížeč.</p>
<p>Ještě důležitější je fakt, že uživatelské rozhraní Mozilly (tedy i Firefoxu a Thunderbirdu) je založeno na <a href="/cs/XUL" title="cs/XUL">XUL</a> - XML User interface Language, Mozilla tedy využívá DOM pro manipulaci <a href="/en/Dynamically_modifying_XUL-based_user_interface">s vlastním uživatelským rozhraním</a>.</p>
<p>{{ languages( { "en": "en/About_the_Document_Object_Model", "es": "es/Acerca_del_Modelo_de_Objetos_del_Documento", "fr": "fr/\u00c0_propos_du_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu" } ) }}</p>
Revert to this revision