1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Imos aplicar unha web páxina que di Ola a un usuario, xunto 3 00:00:03,130 --> 00:00:06,830 o que demostra a forma de DOM, a modelo de obxecto de documento, é a árbore 4 00:00:06,830 --> 00:00:10,220 estrutura que é realmente baixo a capo cando procesar unha páxina web. 5 00:00:10,220 --> 00:00:11,440 >> Imos dar un ollo. 6 00:00:11,440 --> 00:00:15,950 Aquí, don-0.html, teña en conta que dentro do corpo das páxinas, eu teño un 7 00:00:15,950 --> 00:00:19,860 forma etiqueta, o identificador único para que é, entre comiñas, "demostración". 8 00:00:19,860 --> 00:00:23,670 Mentres tanto, eu tamén teño un onsubmit asignar, doutro xeito coñecido como un evento 9 00:00:23,670 --> 00:00:28,150 manipulador, onsubmit, que especifica que cando este formulario é enviado, un 10 00:00:28,150 --> 00:00:30,800 función que é aparentemente chamado cumprimento debe ser executado. 11 00:00:30,800 --> 00:00:32,960 E entón teito debe ser devolto. 12 00:00:32,960 --> 00:00:33,830 >> Por falsa? 13 00:00:33,830 --> 00:00:36,850 Ben, realmente non queren someterse este formulario nun servidor web remoto 14 00:00:36,850 --> 00:00:37,810 do xeito tradicional. 15 00:00:37,810 --> 00:00:40,850 Quero evitar esa forma submisión e facer algo con el 16 00:00:40,850 --> 00:00:42,690 do lado do cliente usando JavaScript. 17 00:00:42,690 --> 00:00:44,010 De feito, teña en conta aquí. 18 00:00:44,010 --> 00:00:47,290 Na cabeza da miña páxina web, eu teño un tag script, dentro dos cales é o 19 00:00:47,290 --> 00:00:49,420 inicios de que a función chamado cumprimento. 20 00:00:49,420 --> 00:00:51,040 >> O que eu realmente quero facer? 21 00:00:51,040 --> 00:00:54,530 Así, dentro cumprimento, imos simplemente chamar a función de alerta. 22 00:00:54,530 --> 00:00:57,770 E, a continuación, imprimir algo como Ola, cun espazo. 23 00:00:57,770 --> 00:01:01,460 E, a continuación, para o extremo concatenar de que o resultado da chamada 24 00:01:01,460 --> 00:01:08,370 document.getElementById, especificando en concreto, o identificador único, 25 00:01:08,370 --> 00:01:10,070 entre comiñas, "nome". 26 00:01:10,070 --> 00:01:13,670 >> E, en concreto, xa que obtivemos ese elemento, o nodo da árbore 27 00:01:13,670 --> 00:01:17,640 que representa esta páxina web, imos especialmente se o seu valor por 28 00:01:17,640 --> 00:01:19,320 especificando. valor. 29 00:01:19,320 --> 00:01:22,060 E entón, só por diversión, imos concatenar para a fin de que un 30 00:01:22,060 --> 00:01:23,730 signo de admiración. 31 00:01:23,730 --> 00:01:28,460 >> Imos agora gardar o ficheiro, abra-o nun navegador, e vexa un Olá 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Hai este formulario. 34 00:01:34,670 --> 00:01:36,530 Imos adiante e escriba o meu nome. 35 00:01:36,530 --> 00:01:38,530 Seguido de premer en Enviar. 36 00:01:38,530 --> 00:01:39,910 E non vemos Ola, David! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 Este son eu. 39 00:01:43,660 --> 00:01:44,363