Jak Začít?

Máš v počítači zápisky z přednášek
nebo jiné materiály ze školy?

Nahraj je na studentino.cz a získej
4 Kč za každý materiál
a 50 Kč za registraci!




Logika na straněklienta, skriptovací jazyky

PDF
Stáhnout kompletní materiál zdarma (11.17 MB)

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) { ... }

Témata, do kterých materiál patří