SPEAKER 1: Nyt että viimeinen esimerkki, Muistutan, että me lomassa joitakin JavaScript-koodi sisällä minun HTML, Erityisesti sisällä arvo määreen Submit että lomake tag. Nyt pienten sivua, tämä ei ole niin iso juttu. Mutta kuten web-sivun saa pidempiä ja monimutkainen, yksinkertaisesti laittamalla JavaScript-koodi siellä täällä sisällä arvosta ominaisuuksia ei ole paras design. Parhaiten, jos me tekijä, ulos ja ainakin laittaa sen sisällä komentosarjatunnus keskitetysti. 

Miten tämä? No katsotaanpa palata minun muodossa tag ja ensin poistettava tätä ominaisuutta ja sen Arvostamme kokonaan. Sitten täällä, sen sijaan määritellä toiminto nimeltään tervehtiä, katsotaanpa roikkua on rivi koodia, että lopulta me silti halua toteuttaa ja korvata tervehtiä toimivat seuraavasti. Document.get Element By tunnus Lainaan unquote demo - jos demo, muistaa, on ainutlaatuinen tunniste muodossa itse - piste esittää, joka muistuttaa on nimi tapahtumakäsittelijän jossa olemme kiinnostuneita. Ja nyt määrittää, että esittää ohjaaja arvo, joka on oikeastaan toimiakseen itse. 

Nyt huomaan, että en ole oikeastaan vaatii toimia täällä. Olen sen sijaan määritellään nimetön, joka tunnetaan myös lambda-toimintoa, määrittämällä näiden aaltosulkeiden nippu-koodin, joka todella toteutetaan. Erityisesti koodi, että haluaisin suorittaa on, että linja, joka minulla oli ennen, ja sitten nyt lisätä, että return false niin, että tämä muoto ei ole lopulta toimitti lopettaa kauko web palvelin perinteisellä tavalla. 

Katsotaanpa nyt tallentaa tämän tiedoston, avaa se selaimessa, ja katso mitä tapahtuu. http://localhost/dom-1.html. Katsotaanpa nyt kirjoittaa nimeni, David, Lähetä. Ja ei näy mitään on tapahtunut paitsi URL sivuni näyttää ovat muuttuneet ikään kuin muotoon oli jättivät samaan tiedostoon. 

Nyt, miksi se voisi olla? No Tarvitsen lisää tietoa. Joten mene eteenpäin ja avata Chromen Kehittäjätyökalut jotta voin itse katsokaa konsoli-ikkuna nähdä jos olen tehnyt jotain väärin. Voin käyttää kyseistä kautta pari tapaa. Yksi mikä on tämän valikon kautta täällä, valitse sitten Työkalut, sitten alas Developer Tools. 

Ja huomaa täällä Console-välilehti siellä uncaught tyyppinen virhe, ei voi asettaa omaisuutta esittää null. Nyt, miksi se voisi olla? No takaisin minun lähdekoodia täällä, huomautus että lähettää mielestäni omaisuutta, jonka sähköinen yksilöllinen tunniste on demo. Elementti, jälleen, on vain solmu puussa. 

Joten näyttää siltä, ​​että minun selain ei sitä mieltä, että tätä elementtiä tai solmu on olemassa vielä. Ja todellakin, se ei ole. Muista, että web-sivu on jäsentää Lue jonka web-selain, ylhäältä alas, vasemmalta oikealle. Ja niin kun JavaScript-koodi on kohdanneet, tyypillisesti se toteutetaan heti. 

Mutta tässä tapauksessa, emme ole edes saanut vielä osa dom, HTML, jossa kyseinen muodossa ainutlaatuinen tunniste demo on julistettu. Ja niin me yritämme toteuttaa minun JavaScript-koodin ennen kyseisen solmun edes on olemassa puu, joka tietenkin on ongelmallista, koska silloin varmasti, elementti itsessään on null kyseisenä ajankohtana. 

Joten miten korjata? No meillä on pari ratkaisuja. Mutta yritetään yksinkertaisin siirtämällä minun komentosarjatunnus pään tunnisteen ruumiini, mutta erityisesti kohti alareunassa sivuni ruumis niin että se on alle solmut ja kysymyksiä. Erityisesti nyt esiin ja leikata Avaa Tag ja lähellä tag script ja siirtää että koko koodiosion pohjaan tiedosto täällä. 

Nyt tämä ei ole välttämättä puhtain suunnitella, mutta ainakin se täytäntöön oikeassa järjestyksessä toiminnan. Säästetään tiedosto ja reload minun selaimessa. Katsotaanpa päivittää sivun uudestaan ​​valita nimeni, ja siellä, Hello David on palannut.