TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
- Break a Continue
- Okna
Break a Continue
V této lekci si ukážeme, co jsou a k čemu slouží příkazy break a continue. Příkaz break slouží k přerusění chodu cyklu jěště v době, kdy neuzavřel smyčku. Příkaz continue složí k vrácení cyklu zpět na začátek, pokud byla porušena nějaká podmínka. Ukážu vám dva příklady – jsou podobné tomu z minulé lekce.
První příklad na Break:
<script language="JavaScript" type="text/javascript">
x = 0;
while(x < 5){
strom = prompt("Napiš název nějakého stromu.", "strom") //neukončujeme středníkem
if(strom == "topol") //také neukončujeme a nepíšeme závorku
break;
x++;
document.write(strom + ", ");
}
</script>
Tento příklad umožňuje napsat 5 jmen stromů, která se ukládají na stránku, ale pokud někdo napíše topol, smyčka se ukončí.
Druhý příklad je Continue:
<script language="JavaScript" type="text/javascript">
x = 0;
while(x < 5){
strom = prompt("Napište název nějakého stromu.", "strom")
if(strom == "topol")
break;
if(strom == "strom" || strom == "") continue;
x++;
document.write(strom + ", ");
}
</script>
Tento cyklus je téměř stejný jako ten předchozí, ale pokud do políčka nenapíšete nic nebo tam necháte 'strom', tak se daný cyklus zopakuje.
Vysvětlivky:
- znaky || – jediná věc na vysvětlení – tyto znaky značí slovo „nebo“ (vyvoláme stiskem Alt + W)
Okna
V této kapitole se budeme ještě zabývat okny – jak je vyvolávat a jak s nimi manipulovat. Budeme vytvářet jenoduchá okna a učit se měnit jejich výšku, šířku atd. Jako první příklad dáme vyvolání prázdného okna (základem je vytvořit si prázdnou HTML stránku a pojmenovat ji okno.html).
Tady je kód:
<script language="JavaScript" type="text/javascript">
open("okno.html","okno", "height=500px, width=500px, top=100px, left=100px, status=no, toolbar=no,location=no,scrollbars=yes, resizable=yes");
</script>
Vysvětlíme si vlastnosti okna:
- width – šířka okna
- height – výška okna
- top – vzdálenost od horní hrany okna prohlížeče
- left – vzdálenost od levé hrany okna prohlížeče
- status – dolní lišta se statistikou
- toolbar – horní lišta s pomůckami
- location – lišta s vaší aktuální lokací
- scrollbars – posuvníky
- resizable – změna velikosti a polohy okna
Teď si ještě ukážeme okna, do kterých budeme nahrávat obsah z okna prompt (už není podmínkou mít vytvořenou HTML stránku, poněvadž si ji vytvoříme sami).
Takto vypadá kód:
<script language="JavaScript" type="text/javascript">
function okenko(){
obsah = prompt("Zapište text, který se zobrazí v novém okně.","text");
okno = open("","okno", "height=100px, width=100px, top=100px, left=100px, resizable=no, status=no, toolbar=no,location=no, scrollbars=yes, resizable=yes");
okno.document.write("<html><head><title>Okno</title></head><body>");
okno.document.write(obsah);
okno.document.write("</body></html>");
}
</script>
<input type="button" value="Zobraz okno!" onClick="okenko()">
Výsledek si můžete otestovat sami:
Úkol
Napište script, který vytvoří okno, ve kterém se zobrazí obsah z prompt okna. Vytvořené okno bude mít 500 x 500 pixelů, bude obsahovat posuvník, lokaci a statistiku okna.
