1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Teeme rakendada web lehele, mis ütleb tere kasutaja, piki 3 00:00:03,130 --> 00:00:06,830 et on näha DOM, dokumendi objekti mudeli, või puu 4 00:00:06,830 --> 00:00:10,220 struktuur, mis on tõesti all kapuuts kui sa muuta veebilehe. 5 00:00:10,220 --> 00:00:11,440 >> Võtame vaata. 6 00:00:11,440 --> 00:00:15,950 Siin, dom-0.html, märkate, et sees lehekülgi keha, mul on 7 00:00:15,950 --> 00:00:19,860 vorm tag, kordumatu tunnus mis on tsitaat lõppeb, "demo". 8 00:00:19,860 --> 00:00:23,670 Vahepeal ma ka onSubmit atribuut, muidu tuntud sündmus 9 00:00:23,670 --> 00:00:28,150 käitleja onSubmit, milles sätestatakse, et kui see vorm on esitatud, 10 00:00:28,150 --> 00:00:30,800 funktsioon, mis on ilmselt nn tervitama tuleks täita. 11 00:00:30,800 --> 00:00:32,960 Ja siis vale, tuleb see tagastada. 12 00:00:32,960 --> 00:00:33,830 >> Miks vale? 13 00:00:33,830 --> 00:00:36,850 Noh, ma tegelikult ei taha esitada seda vormi, et serveri veebiserver 14 00:00:36,850 --> 00:00:37,810 traditsioonilisel viisil. 15 00:00:37,810 --> 00:00:40,850 Ma tahan minna mööda, et vormi esitamise ja sellega midagi teha 16 00:00:40,850 --> 00:00:42,690 kliendipoolse kasutades JavaScript. 17 00:00:42,690 --> 00:00:44,010 Tõepoolest, teate siin. 18 00:00:44,010 --> 00:00:47,290 Eesotsas mu veebilehe, mul on script tag, mille sees on 19 00:00:47,290 --> 00:00:49,420 alustab selle funktsiooni nimetatakse tervitama. 20 00:00:49,420 --> 00:00:51,040 >> Mida ma tegelikult tahan teha? 21 00:00:51,040 --> 00:00:54,530 Noh, seestpoolt tervitama, lähme lihtsalt kutsuvad alert funktsiooni. 22 00:00:54,530 --> 00:00:57,770 Ja siis välja printida midagi nagu tere, tühik. 23 00:00:57,770 --> 00:01:01,460 Ja siis concatenate koridori lõpus Selle tulemusena kutsudes 24 00:01:01,460 --> 00:01:08,370 document.getElementById, täpsustades konkreetselt kordumatu tunnus, 25 00:01:08,370 --> 00:01:10,070 quote lõppeb, "name". 26 00:01:10,070 --> 00:01:13,670 >> Ja eriti, kui oleme saanud et element, sõlm puus 27 00:01:13,670 --> 00:01:17,640 mis tähistab selle veebilehe, olgem konkreetselt saada see väärtus 28 00:01:17,640 --> 00:01:19,320 täpsustatakse. väärtus. 29 00:01:19,320 --> 00:01:22,060 Ja siis, just for fun, olgem concatenate edasi aasta lõpuks, et 30 00:01:22,060 --> 00:01:23,730 hüüumärk. 31 00:01:23,730 --> 00:01:28,460 >> Olgem nüüd salvestada seda faili avada brauser ja vaata tere. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Seal on see vorm. 34 00:01:34,670 --> 00:01:36,530 Lähme edasi ja kirjuta oma nimi. 35 00:01:36,530 --> 00:01:38,530 Järgneb klõpsates Saada. 36 00:01:38,530 --> 00:01:39,910 Ja me näeme, tere, David! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 See olen mina. 39 00:01:43,660 --> 00:01:44,363