Hauv kev siv lub khoos phis tawj, Luam yog cov lus txib siv los tso saib qee yam ntawm cov ntawv ntawm lub vijtsam. Nws tuaj yeem siv los tso saib cov ntawv (hlua), qhov sib txawv, cov lej lossis lej lej. Ib qho ntawm thawj yam uas ntau tus programmer kawm paub yog yuav siv Luam Ntawv li cas los tsim qhov program uas qhia "Nyob Zoo Ntiaj Teb!". Tsis zoo li lwm hom lus programming, Javascript tau muab tso rau hauv lub vev xaib. Javascript tsis muaj cov ntawv sau yooj yim zoo li ntau yam lus ua. Txawm li cas los xij, muaj ntau txoj hauv kev koj tuaj yeem tso saib cov ntawv hauv HTML daim ntawv, lub qhov rai ceeb toom, lub console. Koj tseem tuaj yeem siv Javascript los luam tawm ntawm lub tshuab luam ntawv.
Cov kauj ruam
Txoj Kev 1 ntawm 4: Siv InnerHTML
Kauj Ruam 1. Ntaus <p id = hauv koj li ntaub ntawv HTML
Nov yog qhib HTML tag rau kab ntawv kab ntawv nrog tus lej tshwj xeeb.
Yog xav paub ntxiv yuav ua li cas sau HTML code, txheeb xyuas Yuav Ua Li Cas Tsim Lub Vev Xaib yooj yim nrog HTML
Kauj Ruam 2. Ntaus lub npe rau kab lus hauv kab lus hauv qab los ntawm>
Qhov no muab cov ntsiab lus kab lus tus lej uas tuaj yeem rov qab tau hauv Javascript. Piv txwv li,"
".
Koj kuj tseem tuaj yeem siv lwm cov ntawv HTML ntsiab lus, xws li lub taub hau {{kbd |
Kauj Ruam 3. Hom
tam sim tom qab"
tag.
Qhov no ntxiv qhov kaw tag rau kab lus qhib kab HTML
Kauj Ruam 4. Nias ↵ Enter
Qhov no ntxiv kab tshiab rau koj li HTML.
Kauj Ruam 5. Ntaus thiab nias ↵ Enter
Nov yog qhov qhib qhib rau koj Javascript. Txhua Javascript coding yuav tsum mus tom qab daim ntawv no.
Kauj Ruam 6. Ntaus ntawv document.getElementById
Nov yog tus lej javascript kom hu ib qho HTML los ntawm nws tus ID.
Kauj Ruam 7. Ntaus tus ID ntawm kab lus hauv kab lus hauv kab lus
Yog tias koj pawg lus yog"
", koj tus lej javascript yuav nyeem" document.getElementById ("lej") ".
Kauj Ruam 8. Hom. InnerHTML = tom qab kab lus
Cov lus txib no yog siv los tso saib cov ntawv sau siv lub ntsiab lus HTML.
Kauj Ruam 9. Ntaus yam koj xav luam ua ntej los ntawm tus lej cim (;
).
Koj tuaj yeem tso saib cov ntawv, qhov sib txawv, cov lej, lossis kev ua lej.
Piv txwv li, ntaus "document.getElementById (" demo "). InnerHTML = 27 + 33;" luam tawm cov lej ntawm 27 + 33
Kauj Ruam 10. Nias ↵ Enter thiab ntaus
Cov ntawv no kaw koj tus lej Javascript. Ntaus daim ntawv no thaum koj ua tiav sau tag nrho koj cov kab ntawm Javascript. Thaum koj thauj cov ntawv HTML hauv lub vev xaib, nws yuav luam tawm hauv cov ntawv HTML.
Txoj Kev 2 ntawm 4: Siv Qhov Tseeb Qhov Tseeb
Kauj ruam 1. Ntaus hauv koj lub cev ntawm koj daim ntawv HTML
Nov yog qhov qhib qhib rau koj Javascript.
Kauj Ruam 2. Nias ↵ Enter thiab ntaus ntawv ceeb toom
Nov yog javascript hais kom qhib lub qhov rai pop-up ceeb toom.
Kauj Ruam 3. Ntaus yam koj xav luam hauv kab lus
Koj tuaj yeem sau cov ntawv, qhov sib txawv, cov lej, lossis kev ua lej. Piv txwv li, "ceeb toom (" Nyob Zoo Sweety! ")" Los tso saib "Nyob Zoo Sweety!" nyob rau hauv lub qhov rai pop-up.
Kauj Ruam 4. Ntxiv ib nrab hnyuv (;
) thaum kawg.
Qhov no kaw koj kab ntawm Javascript. Tag nrho kab yuav tsum zoo ib yam li "ceeb toom (" Nyob Zoo Sweety! ");".
Kauj Ruam 5. Nias ↵ Enter thiab ntaus
Cov ntawv no kaw koj tus lej Javascript. Ntaus daim ntawv no thaum koj ua tiav nkag mus rau tag nrho koj cov kab ntawm Javascript. Thaum koj thauj koj cov ntawv HTML hauv lub vev xaib, nws yuav pom cov ntawv koj xav luam tawm hauv lub qhov rai qhib.
Koj tseem tuaj yeem tsim lub pob uas qhia cov ntawv luam tawm hauv lub qhov rai qhib. Txhawm rau ua qhov no, ntaus "Button text"
Txoj Kev 3 ntawm 4: Siv Console Log
Kauj Ruam 1. Ntaus hauv koj lub cev ntawm koj daim ntawv HTML
Nov yog qhov qhib qhib rau koj Javascript.
Kauj Ruam 2. Nias ↵ Enter thiab ntaus console.log
Nov yog javascript hais kom ua rau lub cav nkag. Lub cav cav yog qhov ze tshaj plaws rau Luam cov lus txib hauv qhov kev nkag siab zoo ib yam. Nws tsis tso saib cov ntawv ntawm koj lub vev xaib, tab sis nws tso tawm cov ntawv hauv lub console thaum koj khiav koj li HTML/Javascript hauv lub vev xaib. Qhov no muaj txiaj ntsig zoo rau kev debugging.
Kauj Ruam 3. Ntaus cov ntawv koj xav nkag rau hauv kab lus
Nws tuaj yeem yog cov ntawv (hlua), qhov sib txawv, cov lej, lossis kev ua lej. Piv txwv li, console.log (Kuv luam tawm hauv Javascript).
Kauj Ruam 4. Ntxiv ib nrab hnyuv (;
) thaum kawg.
Qhov no kaw koj kab ntawm Javascript. Tag nrho kab yuav tsum zoo ib yam li "nowiki> console.log (Kuv luam tawm hauv Javascript)
Kauj Ruam 5. Nias ↵ Enter thiab ntaus
Cov ntawv no kaw koj tus lej Javascript. Ntaus daim ntawv no thaum koj ua tiav nkag mus rau tag nrho koj cov kab ntawm Javascript.
Kauj Ruam 6. Txuag koj daim ntawv HTML
Siv cov theem hauv qab no kom txuag koj cov ntawv HTML.
- Nyem Cov ntaub ntawv nyob rau sab saum toj ntawm koj cov ntawv sau lossis kho kom raug HTML.
- Nyem Txuag raws li.
- Ntaus lub npe ntawv rau daim ntawv HTML.
- Xyuas kom nws txuag raws li ".html" cov ntaub ntawv.
- Nyem Txuag.
Kauj Ruam 7. Qhib daim ntawv HTML hauv lub vev xaib
Qhib ib lub vev xaib browser uas koj xaiv thiab ntaus cov ntaub ntawv qhov chaw ntawm daim ntawv HTML hauv qhov chaw nyob bar saum toj. Qhov no yuav qhib cov ntawv HTML hauv koj lub vev xaib.
Kauj Ruam 8. Nias F12
Qhov no qhib Kev Tsim Tus Qauv hauv koj lub vev xaib. Koj yuav pom lub qhov rai tshiab nrog HTML, CSS, thiab Javascript code tso tawm.
Kauj Ruam 9. Nyem rau Console
Nws nyob rau sab saum toj ntawm tus tsim tawm lub qhov rai.
Kauj ruam 10. Hloov kho koj tus browser
Kauj ruam 1. Ntaus <khawm onclick = hauv lub cev ntawm koj daim ntawv HTML
Nov yog qhib HTML tag los tsim lub pob hauv koj li HTML.
Kauj Ruam 2. Ntaus "window.print ()"> tom qab sib npaug (=) kos npe
Qhov "window.print ()" hais kom ua yog Javascript hais kom luam cov ntsiab lus ntawm koj lub vev xaib browser. Lub bracket (>) ua tiav qhov qhib tag ntawm HTML khawm.
Kauj Ruam 3. Ntaus cov ntawv koj xav mus hauv lub pob
Qhov no yuav tsum yog mus tom qab tus zauv (>). Piv txwv li, koj tuaj yeem ntaus "Nyem qhov no luam tawm" lossis qee yam zoo sib xws.
Kauj Ruam 4. Hom
Qhov no kaw tawm lub ntsiab lus HTML khawm. Thaum koj ua koj li HTML hauv lub vev xaib, nws yuav tsim lub pob koj tuaj yeem nyem txhawm rau luam tawm cov ntsiab lus ntawm yoru web browser.