1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:03,130
>> David J. MALAN: Nézzünk végre egy web
oldal azt mondja, helló a felhasználó, valamint

3
00:00:03,130 --> 00:00:06,830
A kimutató módon DOM, a
Document Object Model, vagy a fa

4
00:00:06,830 --> 00:00:10,220
szerkezet, amely valóban alatt a
motorháztető, ha teheti a weboldalt.

5
00:00:10,220 --> 00:00:11,440
>> Vessünk egy pillantást.

6
00:00:11,440 --> 00:00:15,950
Itt, a Dom-0.html észre, hogy belső
az oldalak testét, van egy

7
00:00:15,950 --> 00:00:19,860
form tag, az egyedi azonosító
ami, idézet idézet vége, "demo".

8
00:00:19,860 --> 00:00:23,670
Közben nekem is van egy onSubmit
attribútum, más néven egy esemény

9
00:00:23,670 --> 00:00:28,150
kezelő, onSubmit, amely meghatározza, hogy a
ha ebben a formában kerül benyújtásra, a

10
00:00:28,150 --> 00:00:30,800
funkció, ami látszólag hívják
üdvözölni kell végrehajtani.

11
00:00:30,800 --> 00:00:32,960
És akkor hamis vissza kell küldeni.

12
00:00:32,960 --> 00:00:33,830
>> Miért hamis?

13
00:00:33,830 --> 00:00:36,850
Nos, valójában nem akar benyújtani
ebben a formában, hogy a távoli webszerver

14
00:00:36,850 --> 00:00:37,810
a hagyományos módon.

15
00:00:37,810 --> 00:00:40,850
Azt akarom megkerülni, hogy a forma
benyújtás és vele valamit

16
00:00:40,850 --> 00:00:42,690
kliens oldali JavaScript segítségével.

17
00:00:42,690 --> 00:00:44,010
Sőt, észre itt.

18
00:00:44,010 --> 00:00:47,290
A fej az én weboldal, van egy
script tag, amelynek belsejében van a

19
00:00:47,290 --> 00:00:49,420
kezdetei ezt a funkciót
nevű Greet.

20
00:00:49,420 --> 00:00:51,040
>> Mit Igazából akarok?

21
00:00:51,040 --> 00:00:54,530
Nos, belsejében egy kis statisztika Nézzük csak
hívja a riasztási funkciót.

22
00:00:54,530 --> 00:00:57,770
Majd nyomtassa ki valamit
mint a hello, szóközzel.

23
00:00:57,770 --> 00:01:01,460
És akkor összefűzi rá a végén
az eredmény az, hogy a hívó

24
00:01:01,460 --> 00:01:08,370
document.getElementById, meghatározva
kifejezetten az egyedi azonosító,

25
00:01:08,370 --> 00:01:10,070
idézet idézet vége "nevet."

26
00:01:10,070 --> 00:01:13,670
>> És különösen, ha egyszer már ütött
ez az elem, a csomópont a fában

27
00:01:13,670 --> 00:01:17,640
, amely ezt a weboldalt, nézzük
konkrétan hogy ez érték

28
00:01:17,640 --> 00:01:19,320
megjelölve. értéket.

29
00:01:19,320 --> 00:01:22,060
És akkor, csak a móka kedvéért, nézzük
összefűzi a végéhez, hogy az

30
00:01:22,060 --> 00:01:23,730
felkiáltójel.

31
00:01:23,730 --> 00:01:28,460
>> Nézzük most menteni ezt a fájlt, nyissa meg
a böngészőben, és nézd meg a Hello.

32
00:01:28,460 --> 00:01:33,600
http://localhost/dom-0.html.

33
00:01:33,600 --> 00:01:34,670
>> Ott van az a formája.

34
00:01:34,670 --> 00:01:36,530
Menjünk előre, és írja be a nevem.

35
00:01:36,530 --> 00:01:38,530
Majd kattintson a Küldés gombra.

36
00:01:38,530 --> 00:01:39,910
És ott látjuk hello, David!

37
00:01:39,910 --> 00:01:42,410

38
00:01:42,410 --> 00:01:43,660
Ez vagyok én.

39
00:01:43,660 --> 00:01:44,363