1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Poďme zaviesť web Stránka, ktorá hovorí, ahoj užívateľmi, spolu 3 00:00:03,130 --> 00:00:06,830 spôsob preukázania DOM, objektový model dokumentu, alebo strom 4 00:00:06,830 --> 00:00:10,220 štruktúra, ktorá je skutočne pod kapucňa pri vykreslenie webovej stránky. 5 00:00:10,220 --> 00:00:11,440 >> Poďme sa pozrieť. 6 00:00:11,440 --> 00:00:15,950 Tu, v dom-0.html, zistíte, že vo vnútri tela stránok ", mám 7 00:00:15,950 --> 00:00:19,860 forma tag, jedinečný identifikátor pre ktorá je, citujem koniec citátu, "demo". 8 00:00:19,860 --> 00:00:23,670 Medzitým som tiež onsubmit atribút, inak známy ako udalosť 9 00:00:23,670 --> 00:00:28,150 Psovod, onsubmit, ktorý stanovuje, že ak je predložený tento formulár, 10 00:00:28,150 --> 00:00:30,800 funkcia, ktorá je zrejme tzv zdravím by mala byť vykonaná. 11 00:00:30,800 --> 00:00:32,960 A potom falošný by mala byť vrátená. 12 00:00:32,960 --> 00:00:33,830 >> Prečo falošný? 13 00:00:33,830 --> 00:00:36,850 No, nemám vlastne chcú predložiť tento formulár pre vzdialený webový server v 14 00:00:36,850 --> 00:00:37,810 tradičným spôsobom. 15 00:00:37,810 --> 00:00:40,850 Chcem sa obísť tento formulár Podanie a niečo s ním 16 00:00:40,850 --> 00:00:42,690 na strane klienta pomocou JavaScriptu. 17 00:00:42,690 --> 00:00:44,010 Vskutku, všimnete tu. 18 00:00:44,010 --> 00:00:47,290 V čele mojej webovej stránky, mám script tag, vnútri ktorej je 19 00:00:47,290 --> 00:00:49,420 Počiatky tejto funkcie volal Greet. 20 00:00:49,420 --> 00:00:51,040 >> Čo vlastne chcete robiť? 21 00:00:51,040 --> 00:00:54,530 No, vnútri Greet, poďme jednoducho volanie funkcie upozornenia. 22 00:00:54,530 --> 00:00:57,770 A potom vytlačiť niečo ako ahoj, s priestorom. 23 00:00:57,770 --> 00:01:01,460 A potom spájať na koniec z toho výsledok volania 24 00:01:01,460 --> 00:01:08,370 document.getElementById, s uvedením najmä jedinečný identifikátor, 25 00:01:08,370 --> 00:01:10,070 citácie koniec citátu, "meno." 26 00:01:10,070 --> 00:01:13,670 >> A konkrétne potom, čo sme dostali že prvok, uzol v strome 27 00:01:13,670 --> 00:01:17,640 , Ktorý predstavuje túto webovú stránku, poďme konkrétne si, že je to hodnota, o 28 00:01:17,640 --> 00:01:19,320 upresní. hodnota. 29 00:01:19,320 --> 00:01:22,060 A potom, len tak pre zábavu, poďme zřetězit na konci roka, že 30 00:01:22,060 --> 00:01:23,730 výkričník. 31 00:01:23,730 --> 00:01:28,460 >> Poďme teraz uložiť tento súbor, otvorte ho v prehliadači, a uvidíte, ahoj. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Tam je to forma. 34 00:01:34,670 --> 00:01:36,530 Poďme do toho a napíšte svoje meno. 35 00:01:36,530 --> 00:01:38,530 Nasledoval kliknutí na tlačidlo Odoslať. 36 00:01:38,530 --> 00:01:39,910 A tam vidíme Dobrý deň, Davide! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 To som ja. 39 00:01:43,660 --> 00:01:44,363