Javascript gjort enkelt: Ditt første skript

I min siste kolonne, skrev jeg om hva JavaScript er, og hva det kan og ikke kan gjøre. Denne gangen er det på tide å faktisk begynne å jobbe med kode.

Det er en lang tradisjon i kodeverdenen at det første du skriver i ny programmering språket skal alltid vise "Hello, World!" Jeg er ikke ute etter å forstyrre tradisjonen her, så det er det vi starter med også. Å kjøre skriptet nedenfor vil vise den samme klassiske setningen på din egen webside.

Hvis du er kjent med HTML-tagger, bør det meste av dette se ganske kjent ut. Du kan hoppe til senere i artikkelen . For de som ikke har kunnskap om HTML, starter jeg fra toppen.

Denne taggen forteller nettleseren at det som følger er HTML-kode, som nettleseren bør forstå. Nettlesere forteller forskjellen mellom taggene på siden din og tekst som skal vises ved å omgi taggen med vinkelparenteser: < og >. Alt inne i disse tegnene er en kommando til nettleseren.

Dette starter hode delen av HTML-siden. Her er ting (som tittelen på siden) definert én gang for hele siden. De fleste av våre fremtidige manus vil bli satt inn i hodet.

Disse linjene forteller nettleseren tittelen på siden: "Mitt første skript." Titteldelen er omsluttet av begynnelsen og slutten

-tagger. En sluttkode ser ut akkurat som en startkode, med én forskjell: den starter med

i stedet for

<

.

Og slik slutter head-delen av HTML-siden. På samme måte som

avsluttet titteldelen, avslutter hodedelen.

Som du kanskje har gjettet nå, starter denne taggen hoveddelen av HTML-siden. Dette området inneholder alt: all tekst og bilder som vises på selve siden. I dette spesielle tilfellet er målet vårt å skrive tekst inn på nettsiden, slik at skriptet vårt går inn i brødtekstområdet.

Hvis du er kjent med HTML-koder, her bør du hoppe inn igjen.

tag, vil alt inni bli sett på som bare én stor HTML-kommentar.

Som du forventer nå, er dette slutten på manuset.

Her er slutten på kropp seksjon.

Og her er slutten på hele nettsiden. Dette bør være den aller siste tekstbiten på HTML-siden din.

Forresten, hvordan du rykker inn koden din spiller ingen rolle - faktisk trenger du ikke å rykke den inn i det hele tatt. Jeg har gjort det i denne leksjonen ganske enkelt for å gjøre det enkelt å se hvor tagger begynner og slutter. Jeg anbefaler at du bruker en lignende stil i dine egne skript, siden det er veldig nyttig når du prøver å finne ut hvor du har gjort en feil.

Wow - alt det bare for å sette et par ord på siden? Faktisk, selv om dette spesielle eksemplet kanskje ikke oppnår mye av seg selv, hjelper det å demonstrere et stort antall viktige konsepter. Du vil se de samme konseptene bli brukt om og om igjen i kommende JavaScript-kolonner.

DORI SMITH er medforfatter av bestselgeren JavaScript for WWW: Visual QuickStart Guide, 3rd Edition og forfatter av Java for WWW: Visuell hurtigstartveiledning . I tillegg til å skrive har hun programmert i mer enn tjue år og er en hyppig foredragsholder på bransjekonferanser.