HOME    SKRIPTY
Úvod do JavaScriptu
Daniel Gomola | 01. prosince 2007

Co potřebujeme ?

Z vlastní zkušenosti doporučuji jen Poznámkový blok a nějáký prohlížeč, který ho plně podporuje v dnešní době je to Mozilla Firefox, ale také i IE 7.

Co je Javascript ?


JavaScript je multiplatformní jazyk založený na programovacím jazyku JAVA.Má podobnou syntaxi jako JAVA,C/C++.Může být spuštně jak na straně klenta (client-side) tak i na straně serveru (server-side).Jeho autorem je Brendan Eich z tehdejší společnosti Netscape.
Jen důležitá poznámka, Javascript má zkratku JS, ne JAVA ani JScript to jsou naprosto odlišné jazyky.Javascript umožňuje přistupovat k různým prvkům webových stránek od formulářů až k obrázkům a dalším věcem a ovlivňovat je.
Také dokáže reagovat na různé události například stisk klávesy či kliknutí myši. Je taky "Case sensitivní" = Rozlišuje malá a velká písmena v zápisu kódu.

Jaká jsou omezení JavaScriptu ?

Javascript má samozřejmě i nějáká omezení, zejména nemá právo zapisovat ani nijak jinak měnit soubory či registry na uživatelském počítači. Pokud, ale člověk toto omezení chce obejít musí spojit JS s ActiveX prvky, ale to je už velké odbočení.Taky jeho velkým mínusem je to, že ho uživatel může zakázat a vidět jeho zdrojový kód.

Jaký je zápis skriptu ?

Toto je velmi důležitá kapitůlka, která by měla pomoci zejména nováčkům při vkládání skriptů do stránek a hlavně těch skriptů, které najdete ve Scorpionově knihovně :-) Zápis vypadá následovně :

<script language="JavaScript" type="text/javascript">
<!--
        vlastní kód
//-->
</script>

teď se pokusím vysvětlit jednotlivé prvky této kostry skriptu :

<script> --- </script> = Uvádí začátek a konec skriptu takových dvojiček může být v dkoumetnu hodně nemusí být jen jedna.

language="Javascript" = Uvádí, že jazyk který byl použit je JS, je to důležité hlavně pro prohlížeč IE, protože existují i další jazyky (VBScript) a vždy je dobré vědět v jakém jazyce je skript napsán.

type="text/javascript" = Dá se říci, že je to skoro to samé ...

<!--    //--> = Toto jsou komentáře které jsou v tomto skriptu hlavně pro starší prohlížeče IE 4,5 a Netscape 2,3 v dnešní době tam už být nemusí, ale kdyby tam nebyli a někdo pustil stránku v IE 3 tak se mu vykoná skript a ještě k tomu se zobrazí jeho zdroj což není zrovna ideál.

vlastní kód = Je prostor pro kódy, značky, funkce, proměnné a další vymoženosti, které si následovně ukážeme.

někdy se hodí skript nemít na stránce, ale dát ho do jiného (externího) souboru, dělá se to tak, že se na něj odkáže :

<script language="JavaScript" src="mujskript.js" type="text/javascript"></script>

a v dalším souboru, který bude pojmenován "mujskript.js" :

vlastní kód ...

Z toho vyplývá, že když odkážeme na jiný soubor tak do toho skriptu už nemůžeme nic psát, zato vše napíšeme do souboru "mujskript.js".V souboru se už nepíše kostra jen holý kód.Jinak stojí za zmínku, že kostra se může psát jak do hlavičky (<head></head>) tak i do těla dokumentu (<body></body>) a nebo do externího skriptu.

Pro naprosté nováčky dodávám to samé, ale i s html tagy :-)

-------------------------------------------------------------------
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Příklad Stránky s JS</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<script language="JavaScript" src="mujskript.js" type="text/javascript"></script>
</head>
<body>
<h1>Tadá! a JS je na světe</h1>
a tady může být další JS :-)
<script language="JavaScript" type="text/javascript">
<!--
        vlastní kód
//-->
</script>
</body>
</html>
--------------------------------------------------------------------

Jak se píší komentáře ?

Jednoduše :-)


Takhle se dělá jednořádkový komentář :

// Já jsem jednořádkový komentář :-)))

a takhle víceřádkový komentář :


/*
 Já jsem více
řádkový komentář
aby jsi věděl :-))
*/

Doporučené stránky pro výuku Javascriptu ?

tyto odkazy jsou ty nejzákladnější z těch nejzákladnějších :-)
http://www.jakpsatweb.cz/javascript/
http://tvorba-webu.zdarek.com/javascript/javascript-zaciname.php/
http://programujte.com/index.php?akce=clanek&cl=2005123003-javascript-1-lekce
http://www.javascript.cz/
http://www.tvorba-webu.cz/javascript/

a mnoho dalších stačí použít strýčka googla :-))

V druhém díle se můžete těšit na základy syntaxe :


-Výpis textu
-Hlášky (Alert,Prompt,Confirm)
-Proměnné