Vloženie skriptu, komentár, vyhradené slová

Javascript

Javascript je výnimočný jazyk. Napriek tomu, ze ma názov podobný Jave, nesúvisí s ňou. Je to jednoduchý, rýchly, jazyk, ktorý s veľkou obľubou používa množstvo programátorov web stránok. Jeho popularita neustále stúpa. Javascript je programovací jazyk používaný prevažne na pridanie dynamických vlastností inak statickým html stránkam. Umožňuje web designérom pridávať stránkam aktívne vlastnosti, meniť atribúty jednotlivých prvkov bez nutnosti obnovovať stránku zo servera a mnohé iné, ktoré si v tomto kurze ukážeme.

Vkladanie Javascriptu na html stránku

Na vkladanie kódu jazyka Javascript do html kódu sa používa prvok <script>. Jeho syntax si môžete pozrieť v časti venovanej xhtml. Javascript môžeme vložiť do hlavičky (<head>), tela stránky (<body>) alebo do externého súboru s príponou .js. Ak chceme Javascript vložiť do hlavičky alebo tela stránky, použijeme prvok <script>, v externom súbore píšeme priamo javascriptový kód.
Okrem týchto troch základných možností, existuje ešte jeden spôsob, použiteľný pre krátke kódy javascriptu a to priradením skriptu priamo udalosti prvku (napr. onclick udalosť prvku div)

Komentáre

Je dobré si v javascripte pomocou komentárov zapísať, čo, prípadne ako daný skript robí, aby sme sa v ňom v prípade vrátenia k nemu po dlhom čase vedeli orientovať. Môžeme použiť dva druhy komentárov, jednoriadkové a viacriadkové.
jednoriadkové komentáre sa začínajú zapísaním dvoch lomítok za sebou (//), viacriadkové komentáre začínajú značkou (/*) a končia takouto značkou (*/). Všetok text medzi týmito značkami bude prehliadačmi ignorovaný.

Príklad:

</head>
<body onload=”alert(‘Skript priradený v udalosti onload prvku body’)”>
<script language=”javascript” type=”text/javascript”>
// toto je skript vložený v prvku body
…
</script>
…
</body></html>

Javascript je veľmi jednoduchý jazyk, ktorý slúži skôr na obsluhu objektov definovaných v internetovom prehliadači. Vďaka týmto objektom máme prístup k rôznym vlastnostiam dokumentu, môžme vytvárať nové okná, môžme spracovávať udalosti vyvolané užívateľom (napr. kliknutie na niečo) a mnoho iného.
Objekty ktoré používa prehliadač sú usporiadané do objektového modelu (DOM – Document Object Model), to znamnená, že vytvárajú hierarchiu objektov. Práve objektový model prehliadača definuje objekty a ich vzájomné väzby. Prehliadače ako IE a Netscape navigator mali trocha odlišnú hierarchiu objektov, čo spôsobovalo problémy. Preto W3C špecifikovala Document Object Model, ktorý je teraz implementovaný do všetkých prehliadačov.

V objekte Window, ktorý reprezentuje okno prehliadača, je objekt Document, ktorý reprezentuje samotnú stránku

K vlastnostiam a metódam objektov sa pristupuje pomocou bodkovej konvencie, čo znamená, že napíšeme <meno_objektu>.<meno_vlastnosti> alebo <meno_objektu>.<meno_metódy>().
Napr. pomocou metódy

Documentwrite(“Nejaky text”);
môžeme na stránku vypísať text “Nejaký text” a nastavením hodnoty
Document.bgcolor=”#0000FF”;
nastavíme farbu pozadia stránky na modrú.

Okrem metód a vlastností objektov v Javascripte poznáme aj udalosti. Udalosti sú najčastejšie zapisované ako atribúty html prvkov, napr. po kliknutí užívateľa na prvok sa spustí javascript definovaný pre onclick udalosť prvku (<div onclick=”alert(‘Klikli ste na div’);”>Klikni tu</div>)

Vyhradené slová

Javascript ma niektoré slová vyhradené pre vlastné použitie a tieto slová nemôžu byť definované ako premenné alebo ako názvy užívateľom definovaných funkcií.

abstract, boolean, break, byte, case, catch, char, class, const, continue, debbuger, default, delete, do, double, else, enum, export, extend, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, interface, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, typeof, var, void, volatile, while, with