Glavni način za stvaranje dinamičkih efekata na web stranicama je upotreba skripti na strani klijenta. To su dijelovi koda koje interpretira mehanizam za skriptiranje aplikacije koja prikazuje dokument. JavaScript je popularan programski jezik koji se koristi za skriptiranje. Da bi skripta mogla da se izvrši, mora se na neki način umetnuti u dokument.
Neophodno je
- - kod skripte;
- - izvorni dokument;
- - uređivač teksta.
Instrukcije
Korak 1
Odredite najbolji način za umetanje skripte. Ako se pretpostavlja da će se ista skripta koristiti u različitim dokumentima, onda ima smisla premjestiti je u vanjsku datoteku i odatle povezati. Inače, vrijedi ugraditi tekst skripte u tijelo stranice. Ako je veličina skripte velika, vrijedi je smjestiti u zasebni blok u dokumentu. Ako je programski kod malog volumena i implementira reakciju na bilo koji događaj, dopušteno ga je smjestiti u atribut koji definira ugrađeni rukovatelj događajima elementa ili href atribut veze.
Korak 2
Zalijepite skriptu iz vanjskog izvora. Dodajte SCRIPT element s navedenim src i atributima tipa u tijelo dokumenta ili odjeljak HEAD. Na primjer, možete to učiniti ovako: Vrijednost src atributa mora biti URI koji upućuje na resurs iz kojeg će se učitati tekst skripte. Atribut charset nije obavezan. Označava kodiranje teksta skripte. Ali ako je izostavljena, vrijednost kodiranja uzet će se kao vrijednost kodiranja dokumenta u koji je umetnuta skripta.
Korak 3
Umetnite skriptu u tekst stranice. Koristite SCRIPT element sa tekstom skripte. Na primjer, to može izgledati ovako:
alert ("Skripta radi!");
HTML komentari koji prilažu kôd potrebni su za kompatibilnost sa starijim pregledačima. Možete koristiti XML komentare u XHTML dokumentima.
Korak 4
Umetnite javascript kôd u ugrađene rukovatelje događajima. Pronađite element u dokumentu čiji događaj želite obraditi. Dodajte atribut koji definira odgovarajući rukovatelj. Na primjer, atribut koji specificira rukovatelj za klik mišem na element je onclick, rukovatelj gubitkom fokusnog signala je on blur, a rukovatelj pritiskom tipke je onkeydown.
Korak 5
Unesite kod skripte kao tekst koji specificira vrijednost dodanog atributa. Na primjer, za prikaz poruke kada se mišem klikne na DIV element, možete upotrijebiti sljedeću konstrukciju: Tekst tekstualnog teksta Imajte na umu da za definiranje literalnih nizova u kodu rukovatelja umetnutog elementa morate koristiti drugu vrstu navodnika od onih koji određuju vrijednost HTML atributa …
Korak 6
Dodajte skriptu u href element veze. Vrijednost href mora biti URL, čiji je deskriptor protokola "javascript:", a adresni dio izračunat izraz. Na primjer: Tekst veze Ako trebate koristiti više izraza, upotrijebite blok izraza definiran zagradama {i}.
