Glavni način stvaranja 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 se skripta mogla izvršiti, mora se na neki način umetnuti u dokument.
Nužno je
- - kod skripte;
- - izvorni dokument;
- - uređivač teksta.
Upute
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 provodi 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 element SCRIPT s navedenim atributima src i type u tijelo dokumenta ili odjeljak HEAD. Na primjer, možete to učiniti ovako: Vrijednost atributa src 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.
3. korak
Umetnite skriptu u tekst stranice. Upotrijebite SCRIPT element s 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 preglednicima. XML komentare možete koristiti u XHTML dokumentima.
4. korak
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 fokusa signala je onblur, a rukovatelj pritiskom tipke onkeydown.
Korak 5
Unesite kod skripte kao tekst koji određuje vrijednost dodanog atributa. Na primjer, za prikaz poruke kada se mišem klikne na element DIV 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}.
