1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> Gjuha 1: Tani në këtë shembull të fundit,
kujtojnë se ne interspersed disa

3
00:00:03,000 --> 00:00:07,170
JavaScript kodin brenda HTML tim,
në mënyrë të veçantë, brenda të vlerës së

4
00:00:07,170 --> 00:00:10,460
atribut i quajtur On Submit
për atë formë tag.

5
00:00:10,460 --> 00:00:12,850
Tani për faqet e vogla, kjo
nuk është një punë e madhe.

6
00:00:12,850 --> 00:00:15,950
Por si një faqe web merr më të gjatë dhe më të
kompleks, thjesht vënë tuaj

7
00:00:15,950 --> 00:00:19,660
JavaScript kodin këtu dhe atje brenda
e vlera të cilësive nuk është

8
00:00:19,660 --> 00:00:20,830
dizajn më të mirë.

9
00:00:20,830 --> 00:00:23,440
Më të mirë në qoftë se ne faktor që jashtë dhe
të paktën vënë atë në brendësi të

10
00:00:23,440 --> 00:00:25,200
tag script nga qendra.

11
00:00:25,200 --> 00:00:26,080
>> Si për të bërë këtë?

12
00:00:26,080 --> 00:00:30,040
E pra le të kthehet në formë tag tim dhe
parë fshini këtë atribut dhe e saj

13
00:00:30,040 --> 00:00:31,780
vlerë krejt.

14
00:00:31,780 --> 00:00:35,730
Pastaj deri këtu, në vend se të përcaktojë një
funksion të quajtur fala, le të varet në

15
00:00:35,730 --> 00:00:39,405
në përputhje të kodit që në fund të fundit ne
ende do të duan për të ekzekutuar dhe të zëvendësojë

16
00:00:39,405 --> 00:00:41,560
funksion të fala si më poshtë.

17
00:00:41,560 --> 00:00:48,190
Document.get Element Duke ID
japin kuotën e tyre demo siç janë quajtur -

18
00:00:48,190 --> 00:00:52,410
ku demo, kujtojnë, është unik
Identifikuesi për formën vetë -

19
00:00:52,410 --> 00:00:56,600
dot më paraqesin, të cilat të kujtojnë është emri
e mbajtësit të ngjarjes në të cilën

20
00:00:56,600 --> 00:00:57,710
ne jemi të interesuar.

21
00:00:57,710 --> 00:01:01,990
Dhe le të caktojë që të paraqesë mbajtës
vlera kjo është në fakt një

22
00:01:01,990 --> 00:01:03,740
funksionojnë vetë.

23
00:01:03,740 --> 00:01:06,390
>> Tani vini re se unë nuk jam në të vërtetë
duke e quajtur një funksion këtu.

24
00:01:06,390 --> 00:01:10,650
Unë jam në vend të përcaktimit të një anonim,
i njohur ndryshe si një funksion lambda,

25
00:01:10,650 --> 00:01:14,100
duke specifikuar midis këtyre formatimin e teksteve kaçurrel
një bandë e kodit që duhet

26
00:01:14,100 --> 00:01:15,490
në të vërtetë të ekzekutohet.

27
00:01:15,490 --> 00:01:18,500
Në mënyrë të veçantë, kodin që unë do të doja
për të ekzekutuar është se linja që kam pasur

28
00:01:18,500 --> 00:01:23,370
para, dhe pastaj le të shtoni në atë
kthimit të rreme në mënyrë që kjo formë nuk është e

29
00:01:23,370 --> 00:01:26,950
dorëzuar në fund të fundit për t'i dhënë fund largët web
server në mënyrë tradicionale.

30
00:01:26,950 --> 00:01:30,345
>> Le tani ruani këtë file, hapur atë
në një shfletues, dhe shikoni se çfarë ndodh.

31
00:01:30,345 --> 00:01:33,050

32
00:01:33,050 --> 00:01:39,800
http://localhost/dom-1.html.

33
00:01:39,800 --> 00:01:43,060
Le tani shkruani emrin tim,
David, Submit.

34
00:01:43,060 --> 00:01:46,900
Dhe asgjë nuk duket të ketë ndodhur
përveç URL e faqen time duket të

35
00:01:46,900 --> 00:01:52,580
kanë ndryshuar sikur forma ishte
në të vërtetë dorëzohet në të njëjtën dosje.

36
00:01:52,580 --> 00:01:53,870
>> Tani pse mund që të jetë?

37
00:01:53,870 --> 00:01:55,340
E pra kam nevojë për më shumë informacion.

38
00:01:55,340 --> 00:01:58,700
Pra, le të shkojë përpara dhe të hapur Chrome-së
Mjete Zhvilluesi kështu që unë mund të vërtetë

39
00:01:58,700 --> 00:02:01,440
shikoni në dritare për të parë konsol
nëse unë kam bërë diçka të gabuar.

40
00:02:01,440 --> 00:02:03,330
Unë mund të hyni në atë nëpërmjet
disa mënyra.

41
00:02:03,330 --> 00:02:07,250
Një prej të cilave është me anë të kësaj meny këtu,
pastaj nën Tools, pastaj poshtë për të

42
00:02:07,250 --> 00:02:08,509
Mjete Zhvilluesi.

43
00:02:08,509 --> 00:02:12,890
>> Dhe vini re këtu në skedën Console,
ka një gabim uncaught lloji, nuk mund të

44
00:02:12,890 --> 00:02:15,390
vënë pasurinë më të paraqesë null.

45
00:02:15,390 --> 00:02:16,900
Tani pse mund që të jetë?

46
00:02:16,900 --> 00:02:21,380
E pra përsëri në kodin tim burim këtu, njoftimi
që më submit unë mendoj se është një

47
00:02:21,380 --> 00:02:25,360
pronë e elementit të cilit
Identifikuesi unik është demo.

48
00:02:25,360 --> 00:02:27,810
Një element, përsëri, është vetëm
një nyje në një pemë.

49
00:02:27,810 --> 00:02:30,870
>> Pra, duket se shfletuesi im nuk ka
mendoj se se elementi

50
00:02:30,870 --> 00:02:32,500
ose nyje ekziston ende.

51
00:02:32,500 --> 00:02:33,790
Dhe në të vërtetë, kjo nuk ka.

52
00:02:33,790 --> 00:02:37,690
Kujtojnë se një faqe web është parsed ose lexuar
nga një shfletues web, të lartë e deri në fund,

53
00:02:37,690 --> 00:02:38,430
majta në të djathtë.

54
00:02:38,430 --> 00:02:41,810
Dhe kështu, kur kodi JavaScript është
hasur, në mënyrë tipike, kjo është ekzekutuar

55
00:02:41,810 --> 00:02:42,700
menjëherë.

56
00:02:42,700 --> 00:02:46,460
>> Por në këtë rast, ne nuk kemi marrë edhe
ende në pjesën e dom,

57
00:02:46,460 --> 00:02:51,100
HTML, në të cilin që me një formë unike
demo identifikues është shpallur.

58
00:02:51,100 --> 00:02:54,320
Dhe kështu që ne jemi duke u përpjekur për të ekzekutuar tim
JavaScript code para kësaj nyje edhe

59
00:02:54,320 --> 00:02:58,530
ekziston në pemës që, natyrisht, është
problematike sepse atëherë, me siguri,

60
00:02:58,530 --> 00:03:01,390
elementi vetë do të jetë null
në atë moment në kohë.

61
00:03:01,390 --> 00:03:02,390
>> Pra, si për të rregulluar?

62
00:03:02,390 --> 00:03:03,810
E pra ne kemi disa zgjidhje.

63
00:03:03,810 --> 00:03:07,200
Por le të përpiqemi më të thjeshtë duke zhvendosur
tag im script nga kreu

64
00:03:07,200 --> 00:03:11,560
tag për trupin tim, por në mënyrë të veçantë, në drejtim të
poshtme e trupit faqes sime në mënyrë

65
00:03:11,560 --> 00:03:14,170
se është nën nyjet
dhe pyetje.

66
00:03:14,170 --> 00:03:19,930
Në mënyrë të veçantë, le të nxjerrë në pah dhe të prerë
tag hapur dhe tag të ngushtë për shkrimin

67
00:03:19,930 --> 00:03:24,720
dhe zhvendosin se tërë bllok i kodit
në pjesën e poshtme e lëndës këtu.

68
00:03:24,720 --> 00:03:27,690
>> Tani kjo nuk është domosdoshmërisht më i pastri
të projektimit, por të paktën ajo do

69
00:03:27,690 --> 00:03:29,530
zbatuar urdhrin e duhur të operacioneve.

70
00:03:29,530 --> 00:03:31,495
Le të ruajtur kartelën dhe
ringarkoni në shfletuesin tim.

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
Le të rifreskoni faqen, ri-input emri im,
dhe aty, Përshëndetje David është kthyer.

73
00:03:40,240 --> 00:03:42,784