Comment fonctionne exactement JavaScript et DOM?

Question

Pourquoi DOM est-il requis pour JavaScript? Comment fonctionne exactement JavaScript?

Answer 1

Une page html peut être représentée comme un arbre; le DOM est la spécification pour cet arbre.

Les implémentations Javascript sont capables de travailler dans cet arbre: ajouter/supprimer/modifier des nœuds. Une bonne documentation à ce sujet est celle faite par Mozilla: https://developer.mozilla.org/en/dom

Answer 2

JavaScript est un langage de programmation.

DOM est une API qui décrit les objets et les méthodes que vous pouvez utiliser pour manipuler un document.

Un certain nombre de langages de programmation implémentent DOM afin que vous puissiez manipuler des documents XML/HTML/etc en utilisant ce langage. JavaScript est l'un d'entre eux. L'utilisation de DOM évite à chaque équipe de développement linguistique de devoir concevoir son propre ensemble d'objets et de méthodes pour manipuler les documents, et évite aux utilisateurs de ces langages d'apprendre un nouvel ensemble d'objets et de méthodes lorsqu'ils changent de langue.

Answer 3

Le DOM n'est pas requis pour Javascript, le DOM est une représentation de la page HTML manipulée accessible depuis Javascript. Si vous ne voulez rien faire avec la page HTML, vous n'avez pas besoin de toucher le DOM. Comment Javascript fonctionne est une question beaucoup plus grande et au-delà de la portée d'une réponse ici, il suffit de dire que Javascript est un langage de script interprété basé sur l'ECMAScript basé sur les normes.

Answer 4

Alors que JavaScript est la programmation langue qui vous permettra de fonctionner sur les objets DOM et les manipuler par programme, le DOM vous fournira des méthodes et propriétés pour récupérer, modifier, mise à jour, et supprimez des parties du document sur lequel vous travaillez. Pour l'exemple , vous pouvez récupérer la valeur de un contrôle d'entrée de texte HTML en tant que chaîne en utilisant le DOM. Vous pouvez ensuite utiliser l'opérateur JavaScript "+" pour concaténer cette chaîne avec une autre dans l'ordre pour créer une phrase significative. Vous utiliserait alors la méthode DOM "alert()" pour afficher la chaîne dans une boîte de dialogue à l'utilisateur. Voir aussi les exemples ci-dessous.

Si une page Web était un morceau de meubles suédois, le DOM serait les illustrations des parties - les étagères, des boulons, clés Allen et tournevis . Il est possible d'écrire instructions sur la façon de mettre les pièces ensemble et utiliser les pièces dans n'importe quel nombre de langues, mais vous aurez seulement utiliser ceux qui sont écrits dans celui que vous comprenez . Le manuel permet de mettre les meubles ensemble en utilisant instructions écrites (JavaScript) à illustrations de référence des objets (DOM) qui représentent des objets réels (moteur de rendu du navigateur). (Merci à Jonathan pour l'analogie!

Qu'est-ce que ce hype " " avec le DOM? Pourquoi est le DOM language-neutral si la seule langue jamais utilisé pour y accéder est JavaScript? Eh bien, ce n'est pas tout à fait correct. Pour l'exemple , Mozilla utilise DOM en interne à la fois en C++ et JavaScript pour son interface utilisateur. L'éditeur, par exemple, utilise le DOM de manière extensive afin d'insérer, de modifier et de supprimer le code HTML que vous voyez lorsque vous composez une page dans le module Composer . Les autres implémentations connues du DOM incluent Perl, Java, ActiveX, Python, et probablement d'autres. Ceci est bien sûr seulement possible grâce à la neutralité linguistique du DOM.

Plus de détails vérifier HERE et Wiki.

Answer 5

Javascript est un langage de programmation classé comme langage basé sur les objets. Généralement, les moteurs javascript sont intégrés dans les navigateurs et le principal champ d'opération est le modèle d'objet document qui est la structure de représentation du document HTML/XML chargé dans le navigateur. Browser et DOM ne sont pas requis comme dépendances pour l'exécution de javascript.

Mais ils fournissent un environnement d'exécution dominant. Le code Javascript qui ne manipule pas le DOM nécessite que le modèle d'événement DOM soit déclenché au moins.