>> 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.