1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Implémentons un web page qui dit bonjour à un utilisateur, le long de 3 00:00:03,130 --> 00:00:06,830 la façon à démontrer les DOM, la modèle objet de document, ou l'arbre 4 00:00:06,830 --> 00:00:10,220 structure qui est vraiment en dessous de la hotte quand vous rendez une page web. 5 00:00:10,220 --> 00:00:11,440 >> Jetons un coup d'oeil. 6 00:00:11,440 --> 00:00:15,950 Ici, dans dom-0.html, vous remarquerez que l'intérieur du corps des pages, j'ai une 7 00:00:15,950 --> 00:00:19,860 balise de formulaire, l'identificateur unique de qui est, je cite, «démo». 8 00:00:19,860 --> 00:00:23,670 Pendant ce temps, j'ai aussi un onsubmit attribuer, autrement connu comme un événement 9 00:00:23,670 --> 00:00:28,150 gestionnaire, onsubmit, qui précise que lorsque ce formulaire est soumis, une 10 00:00:28,150 --> 00:00:30,800 fonction qui est apparemment appelé saluer doivent être exécutées. 11 00:00:30,800 --> 00:00:32,960 Et puis faux doit être retourné. 12 00:00:32,960 --> 00:00:33,830 >> Pourquoi faux? 13 00:00:33,830 --> 00:00:36,850 Eh bien, je ne veux pas vraiment à présenter ce formulaire à un serveur Web distant dans 14 00:00:36,850 --> 00:00:37,810 la manière traditionnelle. 15 00:00:37,810 --> 00:00:40,850 Je veux contourner cette forme la soumission et en faire quelque chose 16 00:00:40,850 --> 00:00:42,690 côté client en utilisant JavaScript. 17 00:00:42,690 --> 00:00:44,010 En effet, remarquer ici. 18 00:00:44,010 --> 00:00:47,290 A la tête de ma page web, j'ai un balise de script, à l'intérieur de ce qui est le 19 00:00:47,290 --> 00:00:49,420 débuts de cette fonction appelé saluer. 20 00:00:49,420 --> 00:00:51,040 >> Ce que je veux vraiment faire? 21 00:00:51,040 --> 00:00:54,530 Eh bien, à l'intérieur de saluer, nous allons tout simplement appeler la fonction d'alerte. 22 00:00:54,530 --> 00:00:57,770 Et puis imprimer quelque chose comme bonjour, avec un espace. 23 00:00:57,770 --> 00:01:01,460 Et puis concaténer sur la fin de ce que le résultat de l'appel 24 00:01:01,460 --> 00:01:08,370 document.getElementById, précisant spécifiquement l'identifiant unique, 25 00:01:08,370 --> 00:01:10,070 je cite, «nom». 26 00:01:10,070 --> 00:01:13,670 >> Et précisément, une fois que nous avons obtenu cet élément, le noeud de l'arbre 27 00:01:13,670 --> 00:01:17,640 que représente cette page web, nous allons spécifiquement obtenir sa valeur par 28 00:01:17,640 --> 00:01:19,320 spécifiant. valeur. 29 00:01:19,320 --> 00:01:22,060 Et puis, juste pour le plaisir, nous allons concaténer à la fin de l'une 30 00:01:22,060 --> 00:01:23,730 point d'exclamation. 31 00:01:23,730 --> 00:01:28,460 >> Voyons maintenant enregistrer ce fichier, ouvrez-le dans un navigateur, et voir un bonjour. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Il ya cette forme. 34 00:01:34,670 --> 00:01:36,530 Allons de l'avant et entrez en mon nom. 35 00:01:36,530 --> 00:01:38,530 Suivi en cliquant sur Terminer. 36 00:01:38,530 --> 00:01:39,910 Et là nous voyons bonjour, David! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 C'est moi. 39 00:01:43,660 --> 00:01:44,363