Predavanje 4 - Mrezni informacijski sistemi III -Java Script

1. Uvod

Java Script je Netscapeov objektno-temeljen skriptni jezik koji sluzi da se dodaju dinamicki sadrzaji u web stranicu kreiranu HTML-om. HTML kreira samo staticke sadrzaje.

JScript je naziv Microsoftovog klona. Postoji jos VB Script takodjer iz Microsofta.

Java Script se izvrsava lokalno u web pregledniku korisnika. Kazemo da Java Script sluzi za skriptiranje na strani korisnika. Perl, PHP i ASP su takodjer skriptni jezici ali sluze za skriptiranje na strani posluzivaca tj. izvrsavaju se na strani posluzivaca. O njima ce biti rijeci u Racunarskom Praktikumu II.

Java Script je vrlo razlict od programskog jezika Jave.
Java Script je sintakticki slican programskom jeziku C, ali vrlo jednostavan i ogranicenih mogucnosti.

2. Izvrsavanje Java Script skripti



Izvrasava ih sam web preglednik vec kod tumacenja (interpretacije) HTML dokumenta.
Web preglednik trazi Java Script skripte izmedju tagova <SCRIPT> ... </SCRIPT> koji se obicno nalaze u zaglavlju HTML dokumenta tj. nalaze se izmedju tagova <HEAD> ... </HEAD>:

<HTML> <HEAD> <TITLE>JavaScript stranica</TITLE> <SCRIPT> ... Java Script kod dolazi ovdje ... </SCRIPT> </HEAD> <BODY> ...tijelo HTML dokumenta </BODY> </HTML>


Tag <SCRIPT> ima atribut LANGUAGE koji specificira upotrebljeni skriptni jezik. Ignorira se skriptni jezik koji web preglednik ne razumije. Vrijednost

LANGUAGE="JavaScript"
je default i ovaj atribut moze se ispustiti u tom slucaju.

Java Script omogucuje da se stranica dinamicka mijenja procesirajuci dogadjaje kreirane od strane korisnika ili sistema . Preciznije pojedini elementi HTML dokumenta mogu sadrzavati atribute koji sluze za procesiranje dogadjaja:

<NEKI_TAG atribut_dogadjaja="Java_Script_funkcija_koju_pozivamo_da procesira_dogadjaj( argumenti_funkcije)" ...ostali atributi ... >


Ovdje NEKI_TAG je neki od tagova definiran HTML specifikacijom o kojoj smo zadnji puta govorili. Svaki takav tag ima strogo propisnu listu atributa vezanih za pojedine dogadjaje. Detalje potrazite u HTML specifikaciji http://www.htmlhelp.com/reference/html40/. Ovdje cemo samo navesti primjer taga BODY i neke od njegovih atributa vezanih za dogadjaje:

dogadjaj  atribut dogadjaja
LOAD -web preglednik otvara dokument  ONLOAD
UNLOAD -web pretrazivac prelazi na drugi dokument ili se zatvara  ONUNLOAD
Klik misom na tijelo dokumenta.  ONCLICK
Dvostruki klik misom na tijelo dokumenta.  ONDBLCLICK
Prelazak misom preko tijela dokumenta.  ONMOUSEOVER
Pritisak i otpust tipke na tijelo dokumenta.  ONKEYPRESS


Npr. pogledajmo iduci html dokument

<HTML> <HEAD> <TITLE>JavaScript stranica</TITLE> <SCRIPT> function moja_prva_JS_funkcija(){ //promijenimo citavom dokumentu boju pozadine //kada kliknemo misom bilo gdje u dokument document.bgColor="aqua"; } </SCRIPT> </HEAD> <BODY onClick="moja_prva_JS_funkcija()"> ...tijelo HTML dokumenta </BODY> </HTML>


Objasnjenje gornjeg koda:



3. Struktura Java Script programa



3. Objekti u Java Scriptu

  • Java script nema sposobnosti kreirati klase i iz njih objekte kao u objektno-orijetiranim programskim jezicima (poput Jave ili C++), vec ima mogucnost rada sa unaprijed danim objektima koje za njega kreira izvedbena okolina u kojoj se izvrsavaju Java Script skripte. Zato se takav jezik naziva objektno-temeljen.

    Objekt je memorijska lokacija koja sadrzi podatke (u Java Scriptu se nazivaju svojstva) i metode.

    Na vjezbama ce biti vise rijeci o form objektu i njegovim podobjektima. Mi cemo govoriti o window i document objektima
  • window objekt:




  • document objekt: