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

2
00:00:00,310 --> 00:00:03,130
>> David J. MALAN: Să pună în aplicare un web
pagina care spune salut pentru un utilizator, de-a lungul

3
00:00:03,130 --> 00:00:06,830
modul de a demonstra DOM,
Document Object Model, sau arborele

4
00:00:06,830 --> 00:00:10,220
structură care într-adevăr este sub
capota, atunci când face o pagină web.

5
00:00:10,220 --> 00:00:11,440
>> Să aruncăm o privire.

6
00:00:11,440 --> 00:00:15,950
Aici, în dom-0.html, observa că în interiorul
a corpului paginilor, am o

7
00:00:15,950 --> 00:00:19,860
formularul de tag-ul, identificatorul unic pentru
care este, citez, "demo".

8
00:00:19,860 --> 00:00:23,670
Între timp, am de asemenea, un onsubmit
atribut, altfel cunoscut ca un eveniment

9
00:00:23,670 --> 00:00:28,150
manipulare, onsubmit, care prevede că
atunci când se prezintă această formă, o

10
00:00:28,150 --> 00:00:30,800
funcție de care este aparent numește
salut ar trebui să fie executat.

11
00:00:30,800 --> 00:00:32,960
Și apoi false ar trebui să fie returnate.

12
00:00:32,960 --> 00:00:33,830
>> De ce fals?

13
00:00:33,830 --> 00:00:36,850
Ei bine, eu nu vreau de fapt să-și prezinte
acest formular la un server Web la distanță în

14
00:00:36,850 --> 00:00:37,810
în mod tradițional.

15
00:00:37,810 --> 00:00:40,850
Vreau să eludeze această formă
supunerea și de a face ceva cu ea

16
00:00:40,850 --> 00:00:42,690
client-side cu ajutorul JavaScript.

17
00:00:42,690 --> 00:00:44,010
Într-adevăr, observa aici.

18
00:00:44,010 --> 00:00:47,290
La capul de pagina mea de web, am o
tag-ul script-ul, în interiorul a ceea ce este

19
00:00:47,290 --> 00:00:49,420
începuturile de această funcție
numit salut.

20
00:00:49,420 --> 00:00:51,040
>> Ce vreau de fapt vrei să faci?

21
00:00:51,040 --> 00:00:54,530
Ei bine, în interiorul de salut, să pur și simplu
apela funcția de alertă.

22
00:00:54,530 --> 00:00:57,770
Și apoi imprimați ceva
ca salut, cu un spațiu.

23
00:00:57,770 --> 00:01:01,460
Și apoi înlănțui pe capătul
a că rezultatul apel

24
00:01:01,460 --> 00:01:08,370
document.getElementById, precizând
în mod specific identificatorul unic,

25
00:01:08,370 --> 00:01:10,070
citez, "nume".

26
00:01:10,070 --> 00:01:13,670
>> Și, în special, odată ce am ajuns
acest element, nodul din arbore

27
00:01:13,670 --> 00:01:17,640
care reprezintă această pagină web, să
în mod special se că e valoare de

28
00:01:17,640 --> 00:01:19,320
specificând. valoare.

29
00:01:19,320 --> 00:01:22,060
Și apoi, doar pentru distracție, să
înlănțui pe la capătul care o

30
00:01:22,060 --> 00:01:23,730
semn de exclamare.

31
00:01:23,730 --> 00:01:28,460
>> Să salvăm acum acest fișier, deschideți-l
într-un browser, și a vedea un salut.

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

33
00:01:33,600 --> 00:01:34,670
>> Nu e forma.

34
00:01:34,670 --> 00:01:36,530
Să mergem mai departe și să tastați în numele meu.

35
00:01:36,530 --> 00:01:38,530
Urmat de clic pe Trimite.

36
00:01:38,530 --> 00:01:39,910
Și acolo vom vedea salut, David!

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

38
00:01:42,410 --> 00:01:43,660
Asta sunt eu.

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