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.