53 JavaScript sidumine HTML dokumendiga

JavaScript koodi võib lisada kohe HTML faili või siis siduda JavaScript fail HTML failiga.

JavaScripti koodi kirjutamine HTML faili

Javascripti kirjutamisel HTML faili kirjutatakse see märgendite <script> ja </script> vahele.

Näiteks järgnev kood kuvab kasutajale hüpikakna teksiga “Tere JavaScript”:

<script>
  alert("Tere JavaScript!");
</script>

JavaScripti koodi võib sisesta dokumendi päisesse (märgendite <head> ja </head> vahele) või dokumendi kehasse (märgendite <body> ja </body> vahele).

Javascript faili sidumine HTML failiga

Suuremates projektides kirjutatakse JavaScript kood eraldi faili, mille laiendiks on .js.

Eraldi JavaScript faili loomisel pole JavaScript faili <script> märgendeid vaja. Seega võime faili sisuks kirjutada lihtsalt:

alert("Tere JavaScript!");

Salvestame oma faili näiteks nimega: “script.js”.

Loodud faili HTML failiga sidumiseks lisame HTML failis <script> märgendile atribuudi src ja väärtuseks JavaScript faili asukoha.

Näiteks:

<script src="script.js"></script>

Lõpptulemus on sama nagu JavaScripti kirjutamisel otse HTML faili.

 

 

 

Litsents

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Veebidisain by Koostaja: Mikk Oad; Tekst: Andrus Rinde, Mikk Oad is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.

Jaga seda raamatut