Kode for Henvise en JS-fil

Javascript, eller JS, er kraften bak Web 2.0 revolusjonen, og verktøyet som webmastere bruker for å gjøre sine nettsteder mer interaktiv og nyttig. JS integreres med HTML for å danne koden for en webside. Hvordan du påkalle JS er enkelt, men det er flere måter det kan gjøres.

Refererer en JS-fil

Ekstern Javascript-filer refereres bruke HTML "script" tag. For en JS-fil som heter "example.js" som er i samme mappe som HTML-siden, vil denne koden referere til den:

<Script type = "text / javascript" attributt er der det er definert at dette er en JS-fil ved å erklære at det skal være av typen «text / javascript". Den "src" attributtet er der navnet på filen er definert. Den "src" attributt er en Internett-URL, slik at det kan peke på hvilken som helst fil på Internett.

Inline JS

Du kan skrive Javascript-kode direkte i HTML ved hjelp inline JS. I dette tilfellet, fjerne "src" attributt og plassere koden mellom åpning og lukking skriptkodene. For eksempel:

<Script type = "text / javascript">

alert ( "Jeg er inline JS!");

</ Script>

Dette vil føre til en varselboks til å dukke opp med ordene "Jeg er inline JS!" skrevet i den.

Forskjeller mellom JS i hodet eller kroppen

HTML "head" og "body" tags definere separate deler av HTML-dokumentet. Hvis du plasserer en JS-fil referanse eller inline JS i hodet av HTML-dokumentet, vil koden kjøres før siden lastes. Hvis du plasserer JS i kroppen av dokumentet, vil koden kjøres i den rekkefølgen det vises i kroppen. Så det er vanskelig å forutsi når det vil kjøre. Å kjøre JS etter siden lastes, legg den i bunnen av HTML kroppen.

JS og nettlesere som ikke forstår det

Noen nettlesere, spesielt eldre versjoner, ikke forstår HTML skriptmerket. Disse nettlesere vil vise inline JS kode på siden. For å justere for dette, bruke HTML-kommentarer for å skjule koden fra disse nettleserne:

<Script type = "text / javascript">

<! -

alert ( "Jeg er skjult!");

// ->

</ Script>

Slike nettlesere er sjelden i disse dager, slik at utviklere sjelden plass til dem. Men du kan se kode som ikke imøtekomme dem, eller du kan finne det du trenger å støtte uvanlig lesere i visse miljøer.