Document Object Model: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica |
m →Storia: Eliminato uno spazio |
||
(37 versioni intermedie di 19 utenti non mostrate) | |||
Riga 1:
[[File:Simpe HTML page DOM.svg|thumb|upright=1.4|Rappresentazione ad albero del DOM di un semplice documento [[HTML]]]]
In [[informatica]] il '''Document Object Model''' (spesso abbreviato come '''DOM'''),
La storia del Document Object Model si intreccia con la storia delle "[[Guerra dei browser|guerre del browser]]" della fine degli anni '90 tra [[Netscape Navigator]] e [[Internet Explorer|Microsoft Internet Explorer]], così come con quella di [[JavaScript]] e [[JScript]], i primi linguaggi di scripting ad essere ampiamente implementati nel Motore JavaScript dei browser web.
JavaScript è stato distribuito da Netscape Communications nel 1995 all'interno di Netscape Navigator 2.0. Il concorrente di Netscape, Microsoft, ha distribuito Internet Explorer 3.0 l'anno successivo con una re-implementazione di JavaScript chiamata JScript. JavaScript e JScript consentono agli sviluppatori web di creare pagine web con interattività [[lato client]]. Le funzionalità limitate per rilevare eventi generati dagli utenti e modificare il documento HTML nella prima generazione di questi linguaggi sono diventati noti come "DOM Level 0" o "Legacy DOM". Nessuno standard indipendente è stato sviluppato per DOM Livello 0, ma è stato parzialmente descritto nelle specifiche per HTML 4.
▲== Esempio ==
Un classico esempio di albero DOM è quello generato da un [[browser|browser web]] nell'interpretazione di un documento [[HTML]].▼
Il DOM legacy era limitato nei tipi di elementi a cui era possibile accedere. È possibile fare riferimento agli elementi del modulo, del collegamento e dell'immagine con un nome gerarchico che inizia con l'oggetto documento principale. Un nome gerarchico potrebbe fare uso dei nomi o dell'indice sequenziale degli elementi attraversati. Ad esempio, è possibile accedere a un elemento di input del modulo come <code>document.formName.inputName</code> o <code>document.forms[0].elements[0]</code>.
Il seguente documento HTML:▼
<source lang="html4strict">▼
Il DOM legacy abilitava la convalida dei moduli lato client e il popolare effetto " rollover ".
<!-- My document -->▼
<HTML>▼
<HEAD>▼
<TITLE>My Document</TITLE>▼
</HEAD>▼
<BODY>▼
<H1>Header</H1>▼
<P>▼
Paragraph▼
</P>▼
</BODY>▼
</HTML>▼
Nel 1997 Netscape e Microsoft hanno distribuito rispettivamente la versione 4.0 di Netscape Navigator e Internet Explorer, aggiungendo il supporto per la funzionalità Dynamic HTML (DHTML) che abilita le modifiche a un documento HTML caricato. [[DHTML]] richiedeva estensioni per l'oggetto documento rudimentale che era disponibile nelle implementazioni DOM legacy. Sebbene le implementazioni DOM legacy fossero ampiamente compatibili poiché JScript era basato su JavaScript, le estensioni DOM DHTML sono state sviluppate in parallelo da ciascun produttore di browser e sono rimaste incompatibili. Queste versioni del DOM sono diventate note come "DOM intermedio".
avrebbe il seguente albero DOM:▼
[[File:DOMExample.png|centro|572x572px]]▼
È da notare che in questo esempio anche i cosiddetti ''caratteri blank'' (spazi, tabulazioni, ecc.) sono considerati elementi dell'albero, nonostante questi non vengano poi mostrati dal [[browser]] (a meno che non si trovino all'interno di un tag ''pre'').▼
Dopo la standardizzazione di [[ECMAScript]], il W3C DOM Working Group ha iniziato a redigere una specifica DOM standard. La specifica completa, nota come "DOM Level 1", divenne una raccomandazione del W3C alla fine del 1998. Nel 2005, gran parte del DOM W3C era ben supportata dai comuni browser abilitati per ECMAScript, incluso Microsoft Internet Explorer versione 6 (dal 2001), Opera, [[Safari (browser)|Safari]] e [[Gecko]] (come Mozilla, Firefox, SeaMonkey e Camino).
== Descrizione ==
Nativamente supportato dai [[browser]] per modificare gli elementi di un documento [[HTML]], DOM è un modo per accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile dei documenti. Per le numerose incompatibilità dovute al diverso tipo di gestione di DOM dai vari browser, il W3C ha stabilito delle specifiche standard.
DOM non pone limitazioni alla struttura dei dati di un documento. DOM permette di visualizzare un documento ben formato sotto forma di albero: la maggior parte dei [[parser XML]] (come [[Xerces]]) e i processori [[Extensible Stylesheet Language|XSL]] (per esempio [[Xalan]]) sono stati sviluppati per usare la struttura ad albero. Questa implementazione richiede che l'intero contenuto di un documento venga analizzato e salvato in memoria. DOM è utilizzato principalmente per recuperare informazioni da documenti con una strutturazione non standard, cioè dove gli elementi devono essere trovati in modo casuale. Per le applicazioni basate su [[XML]] che usano un processo di lettura e scrittura per analisi, DOM presenta un grande spreco di memoria; per questo tipo di applicazioni si consiglia di usare il modello [[Simple API for XML|SAX]].
=== Livelli ===
Le specifiche DOM elaborate da W3C sono suddivise in livelli, ciascuno dei quali contiene moduli obbligatori o opzionali. Per sostenere di appartenere ad un certo 'livello', un'applicazione deve soddisfare tutti i requisiti di tale livello e dei livelli inferiori. La specifica attuale di DOM è al ''Livello 2'', tuttavia alcune delle specifiche del ''Livello 3'' ora sono già raccomandazioni del W3C.
; Livello 0: include tutto quello che viene fornito a DOM per la creazione del Livello 1, per esempio: <code>document.images</code>, <code>document.forms</code>, <code>document.layers</code>, e <code>document.all</code>. Nota, questa non è una specifica convenzionale pubblicata dal W3C ma piuttosto dà un riferimento a che cosa esisteva prima del processo di standardizzazione.
Line 48 ⟶ 34:
:# validazione del Livello 3, che potenzia ulteriormente DOM.
===
▲Un classico esempio di albero DOM è quello generato da un [[browser|browser web]] nell'interpretazione di un documento [[HTML]].
* [[DOM Inspector]]▼
* [[XHTML]]▼
▲Il seguente documento HTML:
* Xerces▼
▲<!-- My document -->
▲<HTML>
▲<HEAD>
▲ <TITLE>My Document</TITLE>
▲</HEAD>
▲<BODY>
▲ <H1>Header</H1>
▲ <P>
▲ Paragraph
▲ </P>
<P>
Paragraph
</P>
▲</BODY>
▲</HTML>
</syntaxhighlight>
▲avrebbe il seguente albero DOM:
▲[[File:DOMExample.png|centro|572x572px]]
▲È da notare che in questo esempio anche i cosiddetti ''caratteri blank'' (spazi, tabulazioni, ecc.) sono considerati elementi dell'albero, nonostante questi non vengano poi mostrati dal [[browser]] (a meno che non si trovino all'interno di un tag ''pre'').
== Specifiche ==
* {{cita web|
* Raccomandazioni del Livello 2:
** {{cita web|
** {{cita web|
** {{cita web|
** {{cita web|
** {{cita web|
** {{cita web|
* Raccomandazioni del Livello 3:
** {{cita web|
** {{cita web|
** {{cita web|
* Note del gruppo di lavoro del Livello 3:
** {{cita web|
** {{cita web|
** {{cita web|
== Voci correlate ==
▲* [[DOM Inspector]]
▲* [[XHTML]]
▲* [[Xerces]]
== Altri progetti ==
{{interprogetto|preposizione=sul|b=JavaScript/DOM}}
== Collegamenti esterni ==
* {{Collegamenti esterni}}
* {{cita web|http://www.w3.org/DOM/|W3.org on DOM}}▼
* {{FOLDOC}}
* {{cita web|http://xml.coverpages.org/dom.html|Technology Reports}}
* {{cita web |1=
* {{cita web|
* {{cita web|
* {{cita web |
* {{cita web|http://www.quirksmode.org/dom/contents.html|W3C DOM scripts and compatibility tables}}
* {{cita web |1=
* {{cita web |1=http://developer.kde.org/documentation/library/cvs-api/khtml/html/namespaceDOM.html |2=khtml Library API Documentation |accesso=12 settembre 2005 |urlarchivio=https://web.archive.org/web/20050306061629/http://developer.kde.org/documentation/library/cvs-api/khtml/html/namespaceDOM.html |dataarchivio=6 marzo 2005 |urlmorto=sì }}
* {{cita web | 1 = http://interaction.in-progress.com/developer/dom/ | 2 = Lisp | accesso = 12 settembre 2005 | urlarchivio = https://web.archive.org/web/20051102123055/http://interaction.in-progress.com/developer/dom/ | dataarchivio = 2 novembre 2005 | urlmorto = sì }}
* {{cita web | 1 = http://www.php.net/manual/it/ref.dom.php | 2 = PHP5 | accesso = 16 gennaio 2006 | dataarchivio = 30 agosto 2005 | urlarchivio = https://web.archive.org/web/20050830165859/http://www.php.net/manual/it/ref.dom.php | urlmorto = sì }}
* {{cita web | 1 = https://www.python.org/doc/current/lib/module-xml.dom.html | 2 = Python | accesso = 12 settembre 2005 | urlarchivio = https://web.archive.org/web/20050618001305/http://www.python.org/doc/current/lib/module-xml.dom.html | dataarchivio = 18 giugno 2005 | urlmorto = sì }}
* {{cita web | 1 = http://libgdome-ruby.berlios.de/ | 2 = Ruby | accesso = 12 settembre 2005 | urlarchivio = https://web.archive.org/web/20050609080554/http://libgdome-ruby.berlios.de/ | dataarchivio = 9 giugno 2005 | urlmorto = sì }}
{{Interfacce web}}
{{Browser Internet}}
{{Controllo di autorità}}
{{Portale|internet}}
|