1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Нека да се приложи в Мрежата страница, която казва здравей на един потребител, заедно 3 00:00:03,130 --> 00:00:06,830 Между другото, доказваща DOM, на документ обектен модел, или дървото 4 00:00:06,830 --> 00:00:10,220 структура, която наистина е под качулка, когато направи една уеб страница. 5 00:00:10,220 --> 00:00:11,440 >> Нека хвърлим един поглед. 6 00:00:11,440 --> 00:00:15,950 Тук, в Дом-0.html, забележите, че вътре на страниците "тялото, имам 7 00:00:15,950 --> 00:00:19,860 форма маркер, уникален идентификатор за което е, в кавички, "демо". 8 00:00:19,860 --> 00:00:23,670 Междувременно, аз също имат onsubmit атрибут, иначе известни като събитие 9 00:00:23,670 --> 00:00:28,150 манипулатор, onsubmit, в който се посочва, че когато се подава тази форма, 10 00:00:28,150 --> 00:00:30,800 функция, която е очевидно наречена поздравят трябва да бъде изпълнена. 11 00:00:30,800 --> 00:00:32,960 И тогава фалшив трябва да бъдат върнати. 12 00:00:32,960 --> 00:00:33,830 >> Защо не? 13 00:00:33,830 --> 00:00:36,850 Е, аз всъщност не искат да представят тази форма на отдалечен уеб сървър в 14 00:00:36,850 --> 00:00:37,810 традиционния начин. 15 00:00:37,810 --> 00:00:40,850 Искам да се заобиколи тази форма Подаване и направи нещо с него 16 00:00:40,850 --> 00:00:42,690 от страна на клиента, използвайки JavaScript. 17 00:00:42,690 --> 00:00:44,010 Всъщност, забележете тук. 18 00:00:44,010 --> 00:00:47,290 В главата на моята уеб страница, имам скрипт таг, вътре в който е 19 00:00:47,290 --> 00:00:49,420 начало на тази функция наречен поздрави. 20 00:00:49,420 --> 00:00:51,040 >> Какво всъщност искате да направите? 21 00:00:51,040 --> 00:00:54,530 Е, вътре в Поздравете, нека просто обадете се на предупреждение функция. 22 00:00:54,530 --> 00:00:57,770 И след това да отпечатате нещо като здравей, с интервал. 23 00:00:57,770 --> 00:01:01,460 И след това се съединяват върху края на, че в резултат на разговори 24 00:01:01,460 --> 00:01:08,370 document.getElementById, уточнявайки специално уникалният идентификатор, 25 00:01:08,370 --> 00:01:10,070 в кавички, "име." 26 00:01:10,070 --> 00:01:13,670 >> И по-специално, след като съм намерила този елемент, на възел в дървото 27 00:01:13,670 --> 00:01:17,640 , която представлява тази уеб страница, нека специално се това е стойност от 28 00:01:17,640 --> 00:01:19,320 стойност. конкретизира. 29 00:01:19,320 --> 00:01:22,060 И след това, просто за забавление, нека свързвам към края на че 30 00:01:22,060 --> 00:01:23,730 удивителен знак. 31 00:01:23,730 --> 00:01:28,460 >> Нека сега запишете този файл, да го отворите в браузъра, и ще видиш здравей. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Има тази форма. 34 00:01:34,670 --> 00:01:36,530 Да вървим напред и да напишете името ми. 35 00:01:36,530 --> 00:01:38,530 Следван от щракване Изпращане. 36 00:01:38,530 --> 00:01:39,910 И ние виждаме, здравей, Дейвид! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 Това съм аз. 39 00:01:43,660 --> 00:01:44,363