Document Object Model

DOM (din Object Model English Document -. «Document Object Model") - este independent de interfață de platformă și limbaj de programare, care permite programe și script-uri pentru a avea acces la conținutul HTML, XHTML și XML-documente precum și edita conținutul, structura și aspectul astfel de documente.







Reglează modul în care conținutul unui document (în special o pagină web) este reprezentat ca un set de obiecte. Conținutul tuturor care există pe pagina web: .. Poze, link-uri, paragrafe, text etc. DOM legături într-un ansamblu coerent HTML, limbaj de scripting (Java, PHP) și CSS, oferind dezvoltatorilor cu un instrument de document web cu proprietăți complet noi (DHTML) Modelul definește structura logică a documentului și modul în care acesta accesează și manipulează elementele constitutive ale documentului. Tot ceea ce este definit în documentul cu etichete HTML devine disponibil pentru modificare, adăugare și ștergere.

Nu impune restricții asupra structurii documentului. Orice document al unei structuri cunoscute cu ajutorul DOM poate fi reprezentat ca un arbore al nodurilor, fiecare nod al căruia este un element, atribut, text, grafic sau orice alt obiect. Nodurile sunt legate printr-o relație părinte-copil.

Browserele au propriile modele de documente (DOM), care nu sunt compatibile cu restul.

1. Modelul DOM garantează o gramatică corectă și o documentație corectă.

DOM transformă fișierul text într-o reprezentare abstractă a arborelui nodului. Acest lucru vă permite să evitați complet problemele, cum ar fi etichetele neînchise sau nesecate.

Crearea unui model de noduri DOM de copac - o reprezentare logică a conținutului fișierului care indică ce informații este prezentat și modul în care fragmentele sunt legate între ele, este direct legată de gramatica.







3. Modelul DOM simplifică manipularea internă a documentului.

Sarcina dezvoltatorului care utilizează modelul DOM de a modifica structura internă a fișierului este simplificată în comparație cu activitatea celor care folosesc mecanismele tradiționale de manipulare a fișierelor în acest scop.

· Nivel DOM 1. Oferă posibilitatea de a lucra cu toate elementele documentului printr-un set standard de funcții.

Documentele HTML au o structură ierarhică, reprezentată în DOM ca un copac.

DOM-ul este alcătuit din obiecte imortate dispuse ierarhic, numite noduri. Fiecare nod din structură reprezintă un element HTML pe pagină.

document # 8209; Referința la DOM trebuie să înceapă cu accesul la acest nod.

Noduri elementare # 8209; conține elemente de pagină.

Nod text - stochează conținutul documentelor.

Atribut nod - stochează atributele

Relațiile dintre noduri

Nodul părinte este nodul în care este implantat obiectul considerat. Nodul copil este nodul care este imbricat în obiectul examinat. Nodurile nodulare sunt noduri care se află la același nivel de cuibărire față de nodul părinte. Nodul superior din DOM se numește nodul rădăcină.

Reduceți sarcina pe server. Elementele de pagină comune sunt generate de un singur șablon.

Accelerarea răspunsului interfeței. Datorită actualizării dinamice a paginilor.

Lipsa integrării cu instrumentele de browser standard. Paginile generate dinamic nu sunt înregistrate de browser în istoricul navigării, astfel încât butonul Înapoi nu funcționează și nu puteți crea marcaje pentru lucruri plictisitoare.

Metodele vechi de contabilizare pentru statisticile site-ului devin irelevante

Complicarea proiectului. Controlul integrității formatelor și tipurilor devine din ce în ce mai complicat.

Viteză redusă cu programare aspră. Dacă AJAX-cere mult pe o singură pagină, viteza este redusă.

Riscul de fabricare a cererilor de către alte site-uri. Vizibilitatea faptului că utilizatorul a vizitat site-ul.

Planul global de lucru cu obiectul XMLHttpRequest poate fi reprezentat după cum urmează:

1. Creați o instanță a obiectului XMLHttpRequest.

2. Instalați handler-ul evenimentului onreadystatechange.

3. Deschideți conexiunea la server folosind metoda deschisă.

4. Trimiteți direct solicitarea utilizând metoda de trimitere.







Articole similare

Trimiteți-le prietenilor: