<script> oznaka
Između oznaka <script> i </script> u HTML-u nalazi se JavaScript kod.
JavaScript događaji i funkcije
JavaScript funkcija je dio JavaScript koda koji se može pozvati i izvršiti.
Kada dođe do događaja, na primjer kada korisnik klikne na dugme, može se pozvati funkcija.
U oznakama <head> ili <body> možete da koristite JavaScript
HTML stranica može sadržavati neograničeni broj skripti.
Skripte se mogu staviti u <head> ili <body> ili u oba odjeljka HTML stranice.
<head> JavaScript
JavaScript funkcija je umetnuta u <head> dio HTML stranice u ovom primjeru.
Kada se pritisne dugme, funkcija se poziva.
<!DOCTYPE html>
<html>
<head>
<script>
function mojaFunckija() {
document.getElementById("demo").innerHTML = "Paragraf promijenjen.";
}
</script>
</head>
<body>
<h2>JavaScript u zaglavlju</h2>
<p id="demo">Paragraf</p>
<button type="button" onclick="mojaFunckija()">Isprobajte</button>
</body>
</html><body> JavaScript
JavaScript funkcija je umetnuta u <body> odjeljak HTML stranice u ovom primjeru.
Kada se pritisne dugme, funkcija se poziva.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript u tijelu stranice.</h2>
<p id="demo">Paragraf</p>
<button type="button" onclick="mojaFunckija()">Isprobajte</button>
<script>
function mojaFunckija() {
document.getElementById("demo").innerHTML = "Paragraf promijenjen.";
}
</script>
</body>
</html>Vanjske skripte
Vanjske JavaScript skripte se također mogu pronaći na sljedećim lokacijama:
Vanjske skripte su korisne kada se isti kôd koristi na nekoliko stranica.
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraf promijenjen.";
}.js je ekstenzija datoteke za JavaScript datoteke.
Stavite naziv datoteke skripte u src (izvorni) element skripte> oznake da biste koristili vanjsku skriptu:
<script src="mojaSkripta.js"></script>Možete se pozvati na vanjsku skriptu u oznakama head ili body.
Skripta će raditi kao da se nalazi na istoj lokaciji kao <script> oznaka.
Prednosti vanjskog JavaScripta
Stavljanje skripti u vanjske datoteke nudi brojne prednosti:
- Razlikuje HTML i kod.
- Pojednostavljuje čitanje i održavanje HTML -a i JavaScript -a.
- JavaScript datoteke koje su keširane mogu pomoći ubrzati učitavanje stranice.
Koristite brojne oznake skripti za dodavanje nekoliko datoteka skripti na jednu stranicu:
<script src="mojaSkripta1.js"></script>
<script src="mojaSkripta2.js"></script>Vanjske reference
Postoje tri metode pozivanja na vanjsku skriptu:
- Sa potpunim URL-om (puna web adresa)
- Korištenje putanje datoteke (kao što je /js/)
- Bez jasnog puta.
Za povezivanje s myScript.js, ovaj primjer koristi potpuni URL:
<script src="https://www.w3schools.com/js/myScript.js"></script>Korištenje putanje datoteke (kao što je /js/):
<script src="/js/myScript.js"></script>Bez jasnog puta:
<script src="myScript.js"></script>