Gerð skjalamóts

frá Wikipedia, ókeypis alfræðiorðabókinni
Fara í siglingar Fara í leit
DOM hnútatré skáldaðrar vefsíðu

Document Object Model (. DOM, engl for document object model) er forskrift forritunarviðmóts sem HTML - eða XML - skjal sem tréuppbygging stendur fyrir þar sem hver hnútur er hlutur , sem táknar hluta skjalsins, t.d. . B. málsgrein, fyrirsögn, myndband eða töfluhólf. Viðmótið er vettvangur og forritunarmál óháð og gerir þannig mögulegt staðlaðar breytingar á uppbyggingu og uppsetningu skjals. Í vafranum er þetta mikilvægur þáttur fyrir kraftmiklar vefsíður.

DOM er skilgreint af World Wide Web Consortium . Framkvæmd sem uppfyllir DOM forskriftina felst í skilningi hlutbundinnar forritunar úr flokki ásamt aðferðum þeirra og eiginleikum.

tilnefningu

Hugtakið „Document Object Model “ er í raun rangnefni, þar sem DOM er ekki skilgreint sem fyrirmynd heldur sem viðmót fyrir gagnaaðgang og W3C nefnir það einnig sem slíkt. Tilnefningin sem fyrirmynd leggur hins vegar áherslu á vel skilgreint hlutlíkan sem viðmótið byggist á, en gildi þess er forsenda þess að viðmótið sé byggt á því. Á hærra stigi abstraktunar er viðmót einnig fyrirmynd, nefnilega hvernig aðgangur er að hlutum eða gögnum.

saga

DOM var upphaflega stofnað undir áhrifum að minnsta kosti tveggja þróunar sem hafa mótað tölvuheiminn verulega að undanförnu. Báðir eru byggðir á nauðsyn þess að geta auðveldlega og einsleitan aðgang að skipulögðum gögnum í HTML og XML skjölum.

Um miðjan tíunda áratuginn, þegar veraldarvefurinn óx í vinsældum, var forskriftarmálið JavaScript fundið upp og vinsælir vafrar hafa síðan innihaldið túlka sem framkvæma slík forskriftir . JavaScript skilgreindi grunnatriði til að fá aðgang að HTML skjalinu og til að meðhöndla atburði . Síðar fundu mismunandi vafraframleiðendur upp á mismunandi dýnamísk HTML (DHTML) módel sem leyfðu umfangsmeiri breytingar á uppbyggingu og útliti skjalsins á meðan skjalið var birt í vafranum. Hins vegar gerði þessi munur vinnu fyrir vefhönnuðir sem vildu nota kraftmikið HTML að afar leiðinlegu máli, þar sem þeir neyddust oft til að skrifa sérstaka útgáfu fyrir hvern vafra til stuðnings. [1] Fyrstu DOM stöðlum W3C eru því tilraunir til að sameina, staðla og að lokum skipta um ýmis eignarétti JavaScript og DHTML tækni sem komu á vafra stríð. Þetta hefur tekist svo langt að DOM skiptir höfuðmáli í JavaScript forritun nú á dögum.

Á sama tíma kom XML fram sem almennt skiptasnið fyrir mannlestrar framsetningu skipulagðra gagna, sem var tengt velgengni HTML. Til að vinna XML skjöl var skiljanlegt, afkastamikið viðmót sem spannaði öll forritunarmál. DOM býður upp á þetta og skilgreinir einnig viðbótarviðmót fyrir þægilega meðhöndlun XML skjala.

Grunnatriði byggt á dæmi

Eftirfarandi HTML kóða skilgreinir borð við table frumefni og ýmsum hópum þáttum:

 <borð>
  <hausinn>
    <tr>
      <th> Fornafn </th>
      <th> Nafn </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> Donald </td>
      <td> Önd </td>
    </tr>
  </tbody>
</table>

Svona lítur það út í vafranum:

Svona lítur það út í vafranum

DOM táknar table frumefni og undirvísitölur hennar þætti í eftirfarandi tré uppbygging:

DOM tré uppbygging fyrir undirþætti

Hægt er að ræða grunnuppbyggingu hlutlíkansins með þessu dæmi: Skjöl eru rökrétt táknuð eins og ættartré. Hnútar (hnútar) snúast um „sambönd“ sín á milli í tengslum.

Tegundir sambands

Núverandi uppbygging einkennist í hlutlíkaninu af eftirfarandi samböndum:

  • Rótarhnútur (rót) table er barn (börn) element_nodes thead og tbody .
  • The table þátturinn hnút er snúið við foreldri (foreldri) af thead og tbody .
  • Hnúta með með sama foreldri (til dæmis, og þau tvö th þátturinn hnút) systkini (systkini) er hægt að getið.

Frá hvaða hnút sem er, er hægt að ná hverjum öðrum hnút í gegnum þessi tengsl.

Tegundir hnúta

Mikilvægustu hnútategundirnar í DOM eru:

  • Skjalhnútur táknar alla tréuppbyggingu.
  • Hluti skjalabrots táknar hluta tréuppbyggingarinnar.
  • Frumhnútur samsvarar nákvæmlega frumefni í HTML eða XML .
  • Eigindahnúður samsvarar nákvæmlega eiginleika í HTML eða XML.
  • Textahnútur táknar textaefni frumefnis.

Eiginleikahnúður eru sérstök hnútþáttur vegna þess að þeir birtast ekki sem hnútar í trébyggingunni, sem aðallega myndast af frumhnoðum. Eiginleiki hnútar eru því ekki „börn“ frumþátta heldur eiginleikar þeirra.

Vinnsla skjals

Í fyrsta þrepinu er núverandi skjal lesið inn af forritinu og skjalahlutur myndaður. Hægt er að nota þennan hlut til að fá aðgang að innihaldi, uppbyggingu og birtingu með aðferðum API .

Einkum DOM

  • flakk milli einstakra hnúta skjals,
  • búa til, færa og eyða hnútum sem og
  • lesa, breyta og eyða textaefni.

Í lok vinnslunnar er hægt að búa til nýtt XML eða HTML skjal úr skjalahlutnum með svokallaðri raðgreiningu .

stöðlun

DOM hefur verið staðall W3C síðan 1998 og hefur verið uppfærður og stækkaður nokkrum sinnum síðan þá. Það eru nokkrar útgáfur (stig) hver með mismunandi einingum:

DOM stig 0

Þetta stig var aldrei formlega tilgreint. Stig 0 lýsir aðferðum sem hægt er að nota með JavaScript til að fá aðgang að HTML skjölum. Þessir voru kynntir af vöfrum eins og Internet Explorer og Netscape Navigator fyrir stöðlun DOM.

DOM stig 1

Gefið út seint á árinu 1998.

  • DOM Core (DOM core) skilgreinir hreyfingu í DOM trénu, meðferð hnúta, þar með talið innsetningu nýrra þátta og stillingu eiginda.
  • DOM HTML er viðbótin fyrir aðgang að HTML skjölum. Það staðlar og lýkur nú þegar útbreiddri framkvæmd, sem byggist á JavaScript forskriftunum frá Netscape og Microsoft JScript .

DOM stig 2

Gefið út síðla árs 2000.

  • DOM Core : meðal annars eftirnafn til að innihalda XML nafnrými
  • DOM HTML : þ.mt stækkun íXHTML skjöl, aðlögun að DOM 2 Core
  • DOM Style og DOM CSS gera dýnamískan lestur kleift að bæta við og breyta sniði eða uppsetningu skjalsins með stílblöðum , sérstaklega Cascading Style Sheets (CSS).
  • DOM Views veitir aðgang að upplýsingum um sérstakar gerðir af endurgerð skjalsins (til dæmis grafíska skjáinn í vafranum). Þetta er aðallega notað í tengslum við DOM CSS til að finna út raunveruleg CSS eignargildi ákveðinna þátta (td "Hvaða bakgrunnslit hefur þessi fyrirsögn?").
  • DOM Events staðlar vinnslu atburða í skjalinu, til dæmis aðgerðir notenda. Aðallega notað í tengslum við JavaScript þegar HTML skjöl eru birt í vöfrum. Byggt á fyrirmyndum meðhöndlunar viðburða á Netscape Navigator og Internet Explorer fyrir HTML skjöl.
  • DOM Traversal og DOM svið : Farið um hnútatréð út frá ákveðnum valviðmiðum, unnið með svæði í skjalinu sem innihalda ákveðna þætti og textahnúta

DOM stig 3

Birt í apríl 2004.

  • DOM 3 Core : Alhliða endurbætur, þ.mt bætt undantekningahöndlun og meðhöndlun stafakóða
  • DOM 3 Load and Save gerir raðgreiningu skjala eða skjalahluta kleift sem og greiningu XML skjala í stafstrengjum í skjalhlutum. Að auki er hægt að senda og sækja XML skjöl með HTTP eins og mögulegt er með þekktari XMLHttpRequest tækni.
  • DOM 3 XPath gerir kleift að velja hnúta út frá XPath tjáningum.
  • DOM 3 viðburðir stækka DOM 2 viðburði til að innihalda lyklaborðsviðburði, meðal annars.
  • Staðfesting DOM 3 gerir þér kleift að athuga hvort DOM skjalið haldist gilt eftir kraftmikla breytingu (bæta við eða fjarlægja hnúta).
  • DOM 3 útsýni og snið gerir það mögulegt að nálgast og breyta innihaldi, uppbyggingu og stíl á öflugan hátt.
  • DOM 3 abstrakt skýringarmyndir

Sjá einnig

Vefsíðutenglar

Einstök sönnunargögn

  1. JavaScript CRE146 (podcast; frá 01:00:45)