Logika na straněklienta, skriptovací jazyky
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
Zpracov
ání dokumentu
HTML
Parser
DOM
Renderer
Bitmap
JavaScript
KAM SKRIPT NAPSAT
Ukázka JavaScriptu
Skripty a HTML: jak ho zapsat
<script language="JavaScript" type="text/javascript">
<!-
tady je skript
// -->
</script>
<script language="JavaScript" type="text/javascript" src="skript.js"></script>
<input type="button" onClick="tady je skript"/>
schová skript
před prohlížeči,
kter
é ho neumí
Skripty a HTML: kam ho zapsat
<html>
<head>
<title>Jednoduchý dokument</title>
<script type="text/javascript">tady je skript</script>
</head>
<body>
<h1>Tělo dokumentu</h1>
<script type="text/javascript">tady je skript</script><form>
<input type="text"/>
<input type="button" onClick="tady je skript"/>
</form>
</body>
</html>
reakce
na
ud
álost
i
tv
orba
ob
sahu
při
načít
ání
reakce na ud
álosti
Kdy se skripty spouští
při načítání dokumentu: uvnitř body
<body>
<h1>Tělo dokumentu</h1>
<script type="text/javascript">tady je skript</script>
<body>
řízení událostmi
<input type="button" onClick="tady je skript"/>
spuštění jiným skriptem
Takto to ale neděláme :-
)
SYNTAXE A ZÁKLADY
JAZYKA
Vlastnosti JavaScriptu
proměnné
var prom; // deklarace, lokální prom.
prom2 = “ahoj”; // deklarace a definice, globální prom.
netypový jazyk
var prom = 12;
// prom je Number
prom = "text";
// prom je String
datové typy
– String: "řetězec" – řetězec znaků
– Number: 4.5e-12 – libovolné číslo (celé i desetinné; decimální, oktal, hexadec)
– Boolean: true, false – logická hodnota
– Null: null – žádná hodnota
– Object definován svými vlastnostmi a metodami
– Function: function provedKontrolu() – definice funkce
– Undefined
Syntaxe
var pole = ["foo", "bar", 3.14];
var data = {
jmeno: "Petr",
"prijmeni": "Novák"
}
var plus = function(a, b) {
return a+b;
}
Syntaxe pokr.
if (a && b) { ... }
for (var i=0; i<pole.length; i++) { ... }
try { ... } catch (e) { ... }