Script-tagi
script-tagi liittää JavaScript-koodin
HTML-sivuun (ja paljon harvemmin myös
muita skriptejä).
Voi liittää erillisen JavaScript-tiedoston
(tällöin on määritettävä src-attribuutti)
tai kirjoittaa JavaScript-koodia
suoraan HTML-sivulle. Pohjimmiltaan script-tagi
käyttäytyy kuin link-tagi
ja style-tagi
yhtä aikaa, mutta ei CSS:lle vaan JavaScriptille.
Tämän tagin tulisi sijaita
head-tagin sisällä,
mutta se ei ole pakollista - script-tagin
voi sijoittaa myös body-tagin sisälle
ja se toimii.
Attribuutit ja ominaisuudet
| Attribuutti/ominaisuus | Kuvaus |
|---|---|
src |
Polku liitettävään tiedostoon. |
type |
Liitettävän tiedoston datatyyppi. JavaScriptille tulisi käyttää text/javascript.
HTML5:ssä tämä ei ole pakollista.
|
language |
Määrittää skriptin kielen. Tätä attribuuttia ei suositella, ja sen sijasta tulisi käyttää type-attribuuttia. |
defer |
defer-attribuutti lykkää skriptin suoritusta, kunnes koko sivu on ladattu kokonaan.
|
Esimerkki
Liitetään erillinen JavaScript-tiedosto:
<script src="test.js"></script>
Esimerkki
Ja näin kirjoitamme JavaScript-koodin suoraan HTML-sivulle:
<script>
let test = '123';
</script>
Katso myös
-
oppitunti DOM-työskentelyn perusteet,
jossa näytetään script-tagin käyttötapoja
