JavaScript on tänapäeva veebiarenduse jaoks hädavajalik tehnoloogia. Selles juhendis õpid, kuidas JavaScripti tõhusalt HTML dokumenti lisada, eriti sisemise JavaScripti kasutamise kaudu. See tähendab, et JavaScripti kood paigutatakse otse HTML-dokumenti. Selle lähenemise kaudu saad võimaluse integreerida oma veebilehele dünaamilisi funktsioone, ilma et peaksid tugineda välistele failidele. Uurime koos selle lähenemise aluseid.
Samm-sammult juhend
Samm 1
Alusta uue HTML-dokumendi loomisega või olemasoleva avamisega. Sa kasutad lihtsat näidet, et demonstreerida, kuidas JavaScripti embedida. Lisa
Siin on näiteks koodilõik, mis loob arvestusfunktsiooni. Kui kasutaja vajutab nuppu, suureneb number. See näitab, kuidas sa saad luua ja testida sisemisi skripte.
Samm 2
brauserile käskluse tõlgendada JavaScripti koodi. Sa saad määrata skripti tüübi, kasutades type-attribuuti. Soovitatav on kasutada text/javascript. Siin on näide:</p>
Veendu, et see silt asub -osakonnas või otse enne sulguvat -silti. Pöörake tähelepanu, et JavaScripti koodi töödeldakse alles siis, kui veebileht on laaditud.
Samm 3
JavaScripti sisestamine võib põhjustada veebilehe kuvatava sisu viivituse. Brauser vajab aega selle skripti töötlemiseks. See võib kasutajale olla pettumust valmistav, kuna nad võivad näha ainult valgeid lehti, kuni JavaScript laaditakse. Selle vältimiseks on parem paigutada oma skriptid HTML-dokumendi lõppu, kohe enne sulgevat -silti.
See mitte ainult ei paranda lehe laadimiskiirus, vaid tagab ka, et kasutaja näeb sisu kiiremini. See on eriti oluline, kui sa kasutad arvutusintensiivseid skripte.
Samm 4
See silt on eriti kasulik, et tagada kasutajasõbralik kogemus isegi siis, kui JavaScript ei ole aktiivne.
Samm 5
Kuid pea meeles, et paljud tänapäevased veebilehed sõltuvad nüüd JavaScriptist, mistõttu võivad paigutus ja funktsionaalsus olla ilma JavaScriptita tugevasti piiratud.
Samm 6
Kui oled järgnenud kõigile ülaltoodud sammudele, testi veebilehte, laadides selle brauseris ja lubades või keelates JavaScripti. See on kasulik, et tagada, et kõik toimib nii JavaScriptiga kui ka ilma selleta.
Korduma kippuvad küsimused
Kuidas ma JavaScripti HTML-lehele lisan?Sa saad JavaScripti paigutada otse HTML-dokumenti
Milline on erinevus sisemise ja välise JavaScripti vahel?Sisemine JavaScript asub HTML-dokumendi sees, samas kui väline JavaScript on salvestatud eraldi faili.
Miks peaksin JavaScripti HTML-dokumendi lõppu lisama?See parandab laadimisaega ja tagab, et sisu kuvatakse kiiremini enne JavaScripti laadimist.
Mis on -silt?-sild võimaldab pakkuda sisu, mis kuvatakse, kui JavaScript on brauseris keelatud.
Mis eesmärgil on type-attribuut -sildis?See määrab skripti tüübi, kusjuures text/javascript on levinud standard.
