JavaScript
Internetové technologie – JavaScript
Kód, který je vykonán prohlížečem (klientský skript) => stránky již nemusí být statické! -> DHTML
(!Důležité! -> na co je to vlastně dobré…) viz http://www.jakpsatweb.cz/dhtml.html
Zápis kódu: http://www.jakpsatweb.cz/javascript/zacleneni.html nebo přesněji
http://www.tvorba-webu.cz/javascript/
- do proudu dokumentu - obalený tagy <script a </script> - použití pro inicializaci proměnných a startovních funkcí
- odkazem na externí soubor – tagem <script src="externi_soubor_skriptu.js"></script> - často použito u funkcí
- in-line zápis – jako atribut jiného tagu - typické pro ošetření událostí (onmouseover)!
http://www.jakpsatweb.cz/javascript/udalosti.html
Každý příkaz je ukončen znakem ;
Proměnné jsou case sensitive, deklarují se pomocí příkazu var
Textové proměnné – hodnota se zapisuje do uvozovek, nebo mezi apostrofy (l.Alt+39)[s1]
Pozn: Použití znaku / v textových proměnných (potlačení významu uvozovek) viz
http://www.jakpsatweb.cz/javascript/promenne.html
Logické proměnné – true/false
Operátory viz http://www.jakpsatweb.cz/javascript/operatory.html
Vyzkoušejte skript:
<body>
<script>
document.write("ahoj");
// tento skript se spouští při zavádění stránky
</script>
-
<img src="obrazek1.gif" onmouseover="this.src='obrazek2.gif'">
<!-- obrázek je nahrazen při přejetí myší -->
</body>
Příkaz Alert a Prompt (analogie MsgBox a InputBox…) viz http://www.jakpsatweb.cz/javascript/hlasky.html
Rozhodování / větvení / cyklus viz http://www.jakpsatweb.cz/javascript/vetveni.html
FUNKCE viz http://www.jakpsatweb.cz/javascript/funkce-prolamy.html (analogie s VBA...)
Použití: při opakující se sekvenci příkazů
Syntaxe deklarace: <script> function jméno(parametr, parametr2) { příkaz; příkaz }; </script>
Zápis s odsazováním:
<script>
function jmenoFunkce(parametr, parametr)
{
příkaz; příkaz; return hodnota
};
</script>
Volání funkce: jmenoFunkce(hodnota, hodnota); viz http://www.jakpsatweb.cz/javascript/funkce.html
Funkce se často zapisují do externího souboru, pak ji volám: <script src="funkce.js"></script>
JavaScript a OOP (Objektově Orientované Programování) –
viz http://www.jakpsatweb.cz/javascript/objektovy-model.html (analogie s VBA...)
!!! PŘÍKLADY POUŽITÍ JavaScriptu viz http://www.jakpsatweb.cz/javascript/priklady/index.html ->
proč vymýšlet něco, co už bylo vymyšleno…
Příklady k pochopení:
Změna barev dokumentu vázaná na událost
[s1]Pozor, ve Wordu to neplatí, ale Notepad a PSPad se chovají, jak mají…