>> COLUMNA 1: Agora nese último exemplo, recordar que intercalados algúns
O código JavaScript dentro do meu HTML, en concreto, dentro do valor de
o atributo chamado On Enviar para este tag form.
Agora para pequenas páxinas, este non é un negocio tan grande.
Pero, como unha páxina web está máis e máis complexa, simplemente colocando o
O código JavaScript aquí e alí dentro do valor de atributo non é o
mellor deseño.
Mellor se temos iso e polo menos poñelas dentro
tag script central.
>> Como facelo?
Ben, imos volver á miña forma e etiqueta primeiro eliminar este atributo eo seu
valorar completamente.
Entón, aquí enriba, ao contrario de establecer un función chamada Greet, imos colgar
para a liña de código que en última análise, aínda vai querer executar e substituír
a función Greet como segue.
Document.get elemento por ID citar demostración unquote -
onde demo, recall, é o único identificador para o propio formulario -
punto en enviar, o que lembro é o nome do manipulador de eventos no que
estamos interesados.
E imos asignar ese en enviar manipulador o valor que é realmente un
funciona en si.
>> Agora conta que eu non son realmente chamar unha función aquí.
Estou en vez definindo un anónimo, doutro xeito coñecida como unha función lambda,
especificando entre esas claves unha morea de código que debería
en realidade, ser executado.
En concreto, o código que me gustaría para realizar é que a liña que tiña
antes, e, a continuación, imos engadir a iso return false para que esa forma non é
en definitiva, acaban sometidos a web remoto servidor do xeito tradicional.
>> Imos agora gardar o arquivo, abre-se nun navegador, e ver o que acontece.
http://localhost/dom-1.html.
Imos agora escribir no meu nome, David, en Enviar.
E nada parece acontecer excepto a URL da miña páxina parece
cambiaron a forma na que se foi realmente sometidos ao mesmo arquivo.
>> Agora, por que pode ser iso?
Ben, eu teño máis información.
Entón, imos adiante e abrir Chrome Ferramentas de Desenvolvemento para que eu poida realmente
ollar para a fiestra da consola para ver se eu tivese feito algo incorrecto.
Podo acceder a esta vía un par de formas.
Unha delas é a través deste menú aquí, logo en Ferramentas, a continuación, para abaixo para
Ferramentas de Desenvolvemento.
>> E teña en conta aquí na guía Console, hai un erro de tipo non capturada, non pode
definir a propiedade en enviar nulo.
Agora, por que pode ser iso?
Ben de volta o meu código fonte aquí, aviso que en Submit Eu creo que é unha
propiedade do elemento cuxo identificador único é demostración.
Un elemento, de novo, é só un nodo nunha árbore.
>> Así, parece que o meu ordenador non fai pensa que ese elemento
ou non existe aínda.
E, de feito, iso non acontece.
Lembre que unha páxina web é analizado ou ler por un navegador web, de arriba abaixo,
esquerda a dereita.
E así, cando o código JavaScript é atopou, normalmente, é executada
inmediatamente.
>> Pero, neste caso, non temos sequera chegara Aínda que a parte do don, o
HTML, en que ese formulario cun único demostración identificador foi declarado.
E así estamos tentando realizar o meu O código JavaScript que antes nó
existe na árbore que, por suposto, é problemático porque entón, por suposto,
o propio elemento nulo naquel momento.
>> Entón, como solucionar?
Ben, temos un par de solucións.
Pero imos tratar o máis simple realocando miña tag escritura da cabeza
marcar para o meu corpo, pero especialmente, na dirección a parte inferior do corpo da miña páxina, para
que é a continuación dos nós e preguntas.
En concreto, imos destacar e cortar tag abrir e pechar etiqueta para a escritura
e recolocar todo este bloque de código cara á parte inferior do ficheiro aquí.
>> Agora, iso non é necesariamente o máis limpo proxecto, pero polo menos vai
facer cumprir a orde correcta das operacións.
Imos gardar o ficheiro e recargar no meu navegador.
Imos actualizar a páxina, re-entrada do meu nome, e alí, Ola David está de volta.