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

2
00:00:00,380 --> 00:00:03,000
>> SPEAKER 1: Sekarang di bahawa contoh lepas,
ingat bahawa kita diiringi beberapa

3
00:00:03,000 --> 00:00:07,170
JavaScript kod dalam HTML saya,
khusus, di dalam nilai

4
00:00:07,170 --> 00:00:10,460
sifat yang dipanggil Pada Hantar
untuk bahawa bentuk tag.

5
00:00:10,460 --> 00:00:12,850
Sekarang untuk laman kecil, ini
tidak seperti masalah besar.

6
00:00:12,850 --> 00:00:15,950
Tetapi sebagai laman web mendapat lebih panjang dan lebih
kompleks, hanya meletakkan anda

7
00:00:15,950 --> 00:00:19,660
JavaScript kod di sana sini di dalam
daripada nilai sifat-sifat tidak adalah

8
00:00:19,660 --> 00:00:20,830
reka bentuk yang terbaik.

9
00:00:20,830 --> 00:00:23,440
Terbaik jika kita faktor yang keluar dan
sekurang-kurangnya meletakkannya di dalam

10
00:00:23,440 --> 00:00:25,200
tag skrip secara berpusat.

11
00:00:25,200 --> 00:00:26,080
>> Bagaimana untuk melakukan ini?

12
00:00:26,080 --> 00:00:30,040
Nah mari kita kembali ke bentuk tag saya dan
memadam sifat ini dan yang

13
00:00:30,040 --> 00:00:31,780
menghargai sama sekali.

14
00:00:31,780 --> 00:00:35,730
Kemudian di sini, dan bukannya menentukan
fungsi dipanggil Sambut, mari kita tergantung pada

15
00:00:35,730 --> 00:00:39,405
kepada baris kod yang akhirnya kita
masih mahu untuk melaksanakan dan menggantikan

16
00:00:39,405 --> 00:00:41,560
fungsi Sambut seperti berikut.

17
00:00:41,560 --> 00:00:48,190
Document.get Unsur Dengan ID
memetik demo unquote -

18
00:00:48,190 --> 00:00:52,410
mana demo, ingat, adalah unik
pengecam untuk bentuk itu sendiri -

19
00:00:52,410 --> 00:00:56,600
dot ke atas mengemukakan, yang ingat ialah nama yang
daripada pengendali peristiwa di mana

20
00:00:56,600 --> 00:00:57,710
kita berminat.

21
00:00:57,710 --> 00:01:01,990
Dan mari kita menyerahhakkan bahawa pada mengemukakan pengendali
nilai yang sebenarnya satu

22
00:01:01,990 --> 00:01:03,740
berfungsi sendiri.

23
00:01:03,740 --> 00:01:06,390
>> Sekarang notis bahawa saya tidak benar-benar
memanggil satu majlis di sini.

24
00:01:06,390 --> 00:01:10,650
Saya bukannya menentukan tanpa nama,
atau dikenali sebagai fungsi lambda,

25
00:01:10,650 --> 00:01:14,100
dengan menentukan antara pendakap kerinting
sekumpulan kod yang perlu

26
00:01:14,100 --> 00:01:15,490
sebenarnya dilaksanakan.

27
00:01:15,490 --> 00:01:18,500
Secara khusus, kod yang saya suka
untuk melaksanakan ialah garis yang saya mempunyai

28
00:01:18,500 --> 00:01:23,370
sebelum ini, dan kemudian mari kita menambah bahawa
pulangan palsu supaya borang ini tidak

29
00:01:23,370 --> 00:01:26,950
akhirnya dihantar untuk menamatkan web jauh
server dengan cara yang tradisional.

30
00:01:26,950 --> 00:01:30,345
>> Sekarang mari kita simpan fail ini, membukanya
dalam pelayar, dan lihat apa yang berlaku.

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
Sekarang mari kita menaip nama saya,
David, Hantar.

34
00:01:43,060 --> 00:01:46,900
Dan apa-apa nampaknya telah berlaku
kecuali URL laman saya seolah-

35
00:01:46,900 --> 00:01:52,580
telah berubah seolah-olah bentuk itu
dikemukakan untuk fail yang sama.

36
00:01:52,580 --> 00:01:53,870
>> Sekarang mengapa yang mungkin?

37
00:01:53,870 --> 00:01:55,340
Well, saya memerlukan maklumat lebih banyak.

38
00:01:55,340 --> 00:01:58,700
Jadi mari kita pergi ke hadapan dan membuka Chrome
Alat Pembangun supaya saya boleh sebenarnya

39
00:01:58,700 --> 00:02:01,440
melihat tetingkap konsol untuk melihat
jika saya telah melakukan sesuatu yang salah.

40
00:02:01,440 --> 00:02:03,330
Saya boleh akses yang melalui
beberapa cara.

41
00:02:03,330 --> 00:02:07,250
Satu daripadanya adalah melalui menu ini di sini,
maka di bawah Tools, kemudian turun ke

42
00:02:07,250 --> 00:02:08,509
Developer Tools.

43
00:02:08,509 --> 00:02:12,890
>> Dan notis di sini di tekan Console itu,
terdapat satu ralat jenis uncaught, tidak boleh

44
00:02:12,890 --> 00:02:15,390
ditetapkan hartanah ke atas mengemukakan satu null.

45
00:02:15,390 --> 00:02:16,900
Sekarang mengapa yang mungkin?

46
00:02:16,900 --> 00:02:21,380
Nah kembali dalam kod sumber saya di sini, notis
bahawa pada submit saya fikir adalah

47
00:02:21,380 --> 00:02:25,360
harta daripada unsur yang
pengecam unik adalah demo.

48
00:02:25,360 --> 00:02:27,810
Satu elemen, sekali lagi, hanya
nod dalam pokok.

49
00:02:27,810 --> 00:02:30,870
>> Jadi ternyata bahawa pelayar saya tidak
berfikir bahawa elemen yang

50
00:02:30,870 --> 00:02:32,500
atau nod wujud yet.

51
00:02:32,500 --> 00:02:33,790
Dan sesungguhnya, ia tidak.

52
00:02:33,790 --> 00:02:37,690
Ingat bahawa laman web ini dipecah atau membaca
oleh pelayar web, atas ke bawah,

53
00:02:37,690 --> 00:02:38,430
kiri ke kanan.

54
00:02:38,430 --> 00:02:41,810
Dan maka apabila JavaScript diaktifkan
dihadapi, biasanya, ia dilaksanakan

55
00:02:41,810 --> 00:02:42,700
merta.

56
00:02:42,700 --> 00:02:46,460
>> Tetapi dalam kes ini, kami telah tidak mendapat
belum bahagian dom itu,

57
00:02:46,460 --> 00:02:51,100
HTML, di mana bentuk yang unik dengan
pengecam demo diisytiharkan.

58
00:02:51,100 --> 00:02:54,320
Dan jadi kami cuba untuk melaksanakan saya
JavaScript kod sebelum nod bahawa walaupun

59
00:02:54,320 --> 00:02:58,530
wujud di pokok itu yang, sememangnya, adalah
bermasalah kerana, maka tentulah,

60
00:02:58,530 --> 00:03:01,390
elemen itu sendiri akan menjadi batal
pada ketika itu dalam masa.

61
00:03:01,390 --> 00:03:02,390
>> Jadi bagaimana untuk menetapkan?

62
00:03:02,390 --> 00:03:03,810
Baik kita mempunyai beberapa penyelesaian.

63
00:03:03,810 --> 00:03:07,200
Tetapi mari kita cuba yang paling mudah dengan memindahkan
tag skrip saya dari kepala

64
00:03:07,200 --> 00:03:11,560
tag untuk badan saya, tetapi secara khusus, ke arah
bahagian bawah badan halaman saya supaya

65
00:03:11,560 --> 00:03:14,170
bahawa itu di bawah nod
dan soalan.

66
00:03:14,170 --> 00:03:19,930
Secara khusus, mari kita menonjolkan dan mengurangkan
tag terbuka dan tag tutup untuk skrip

67
00:03:19,930 --> 00:03:24,720
dan menempatkan semula bahawa blok keseluruhan kod
ke bahagian bawah fail di sini.

68
00:03:24,720 --> 00:03:27,690
>> Sekarang ini tidak semestinya bersih
mereka bentuk, tetapi sekurang-kurangnya ia akan

69
00:03:27,690 --> 00:03:29,530
menguatkuasakan perintah hak operasi.

70
00:03:29,530 --> 00:03:31,495
Mari kita simpan fail tersebut dan
menambah nilai dalam pelayar saya.

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

72
00:03:34,620 --> 00:03:40,240
Mari kita memuatkan semula halaman, memasukkannya kembali nama saya,
dan di sana, Hello David kembali.

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