Når du har softwaren på plads, kan du begynde at skrive JavaScript-kode. For at tilføje JavaScript-kode til et HTML-dokument, skal du oprette eller åbne en HTML-fil med din tekst / HTML editor. En grundlæggende HTML-fil har en docType og nogle grundlæggende HTML-tags som og. For eksempel kan et grundlæggende HTML 5-dokument se ud som det, der vises nedenfor.
Testing JavaScript [Indhold går her]
Når du ser JavaScript-kode på nettet, vil du undertiden se nogle JavaScript-koder mellem tags. Eller du kan se det i tags (eller endda begge steder). For at adskille JavaScript-kode fra HTML-kode, skal du vedhæfte det inden for et sæt tags. Åbningstaggen har en påkrævet attribut og en valgfri attribut. Den krævede attribut er typen attributten, mens den valgfrie attribut er src (som gør det muligt at pege på en ekstern scriptfil, der senere er dækket i dette svar). Værdien af typen attribut er sat til tekst / javascript, som vist nedenfor.
Din JavaScript-kode går her.
Som du kan se, er din JavaScript-kode placeret mellem åbnings- og lukkede script-tags. Som et eksempel script kan du skrive en simpel tekststreng direkte på websiden, som vist i koden nedenfor (placér dette mellem tags og tags):
document.write ("Tekst skrevet med JavaScript-kode!");
I ovenstående eksempel viser standard JavaScript-funktionen tekst mellem anførselstegnene på siden. Det vil se ud som eksemplet nedenfor.
En anden mulighed for at inkludere en JavaScript på en side er at oprette scriptet i en ekstern tekstfil og gemme den med en .js-udvidelse (gør det til en JavaScript-fil). .Js-filen er så inkluderet i siden ved hjælp af src- attributten for åbningsskriptet. Så hvis du ville bruge scriptet ovenfor ved at placere det i en ekstern fil, ville du placere JavaScript-koden (uden script-tags) i en ny tekstfil som vist nedenfor:
document.write ("Tekst skrevet med JavaScript-kode!");
Du vil så gemme filen med en .js-udvidelse. Du kan f.eks. Gemme det som write.js . Når filen er blevet gemt, kan du kalde den fra HTML-koden via src- attributten til åbningsskriptet, som vist nedenfor for write.js.
Ovennævnte procedure har samme virkning som at skrive koden mellem script-tags, men vil ikke forstyrre HTML-koden med JavaScript-kode (som kan blive ret langvarig til tider). En anden fordel ved denne metode er, at det samme script kan indgå i flere sider, og redigering af scriptfilen vil opdatere scriptet på hver side, der bruger den eksterne scriptfil. Hvis du gør dette, er det langt lettere at redigere scriptet, da det kan gøres på ét sted (i stedet for at redigere koden inden for script-tags på hver side, der indeholder scriptet).
Nu hvor du ved, hvordan du tilføjer JavaScript-kode til en webside, kan du bruge et hvilket som helst antal JavaScript-eksempelscript eller følge en JavaScript-tutorial eller -bog for at lære mere om JavaScript-kodning.