|
Menu
Distributions (131)
bootable [55]
commercial [7]
no-commercial [42]
unclassified [20]
[7]
Software (10844)
JavaScript -- 6 -- Switch
Tento diel sa zaoberá príkazom switch a jeho praktickým použitím.
27.7.2004 10:00 | Rišo Marko | czytane 17096×
RELATED ARTICLES
KOMENTARZE
Switch
Pokiaľ by ste potrebovali porovnávať vstup s viacerými hodnotami bolo by nepraktické a neprehľadné používať príkaz if. Preto máme v JavaScripte príkaz switch (prepínač), ktorý funguje spolu s príkazom case.
Syntax
switch (výraz) {
case hodnota1:
zoznam príkazov1;
case hodnota2:
zoznam príkazov2;
case hodnota3:
zoznam príkazov3;
case hodnota4:
zoznam príkazov4;
...
default :
zoznam príkazov pri neuspechu
}
Pokiaľ je výsledkom výrazu (ktorý sa vždy musí nachádzať v zátvorkách) hodnota uvedená vo vetvách case, vykoná sa zoznam príkazov nielen v tejto vetve ale aj vo všetkých ostatných. Pokiaľ chcete aby sa vykonal len zoznam príkazov v odpovedajúcej vetve je potrebné použiť príkaz break;, ktorý spôsobí ukončenie switchu a teda vykoná sa len kód v jednej vetve. Posledná vetva default je nepovinná a vykoná sa len vtedy, keď výrazu neodpovedá žiadna z hodnôt. Príkaz switch používa pri porovnávania rovnosť (==) a preto je možné za operátorom case uviesť len jednu hodnotu nikdy viac hodnôt alebo interval, či výraz.
Príklad:
<script type
=
"text/javascript">
function go()
{
var denvtyzdni = prompt('Zadaj číslo dňa v týždni');
switch (denvtyzdni) {
case '1':
alert('Dnes je pondelok.');
break;
case '2':
alert('Dnes je utorok.');
break;
case '3':
alert('Dnes je streda.');
break;
case '4':
alert('Dnes je štvrtok.');
break;
case '5':
alert('Dnes je konečne piatok.');
break;
case '6':
alert('Dnes je sobota.');
break;
case '7':
alert('Dnes je už nedeľa.');
break;
default:
alert('Chyba');
break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>
V príklade môžte vidieť jednoduché porovnanie premennej s hodnotami na základe ktorého je následne vypísaný deň v týždni. V skripte je tiež použitý nový prvok - príkaz prompt, ktorý po spustení vyhodí dialógové okno, do ktorého je možné i čo to napísať. Napísaný text sa zapíše do premennej denvtyzdni a ďalej pomocou case porovná. Kvôli tomu, že výstup funkcie prompt je textový, je potrebné uzavrieť všetky hodnoty case do úvodzoviek. Pokiaľ porovnávate len čísla úvodzovky sa nepoužívajú. Celý skript je zapísaný do funkcie go, ktorú je možne volať z kadekoľvek. Najlepšie ako udalosť:
<a onclick='go();'>Deň</a>
Udalostiam sa bude venovaný celý jeden diel seriálu.
Výsledok:
V minulom diely som zabudol spomenúť, že pomocou podmienok je tiež možné porovnávať textové premenné a iné textové hodnoty. To umožňuje tiež príkaz switch. V ďalšom príklade je rovnaký skript pracujúci opačne - podľa vstupu (mena dňa v týždni) vráti jeho číslo.
Príklad:
<script type
=
"text/javascript">
function go()
{
var denvtyzdni = prompt('Zadaj meno dňa v týždni bez diakritiky - {pondelok, utorok, streda, stvrtok, piatok, sobota, nedela}');
switch (denvtyzdni) {
case 'pondelok':
alert('1');
break;
case 'utorok':
alert('2');
break;
case 'streda':
alert('3');
break;
case 'stvrtok':
alert('4');
break;
case 'piatok':
alert('5');
break;
case 'sobota':
alert('6');
break;
case 'nedela':
alert('7');
break;
default:
alert('Chyba - nesprávne zadanie');
break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>
Číselný príklad:
<script type
=
"text/javascript">
function vypis(coho)
{
switch (coho) {
case 1:
document.write('Text vypisany po zavolani funkcie s parametrom 1<br>');
break;
case 2:
document.write('Text vypisany po zavolani funkcie s parametrom 2<br>');
break;
case 3:
document.write('Text vypisany po zavolani funkcie s parametrom 3<br>');
break;
default:
document.write('Text vypísaný funkciou bez parametra alebo s iným parametrom ako bol definovaný<br>');
break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>
Toto je použiteľné keď potrebujete vypisovať rôzne druhy textu. Switch vyhodnocuje parameter funkcie a podľa neho sa rozhodne čo vypíše Funkciu zavoláme celkom jednoducho no musí byť zapisaná medzi tagmi <script></script> nasledovne.
<script type
=
"text/javascript">
vypis(1);
vypis(2);
vypis(3);
vypis(0);
vypis();
</script>
Samotný skript s funkciou vypis je najlepšie zapísať do hlavičky dokumentu medzi tagy <head></head> a kdekoľvek v dokumente ju volať.
To bolo pre tento diel všetko v ďalšom sa už konečne pozrieme i na cykly.
JavaScript -- 1 -- Úvod
JavaScript -- 2 -- Verzie
JavaScript -- 3 -- Syntax(1)
JavaScript -- 4 -- Syntax(2)
JavaScript -- 5 -- Podmienky -- IF
JavaScript -- 7 -- Cykly
JavaScript -- 8 -- Pár praktických skriptov
JavaScript -- 9 -- Objekty JavaScriptu
JavaScript -- 10 -- Polia
JavaScript -- 11 -- DOM
JavaScript -- 12 -- Objekt Window (1/2)
JavaScript -- 13 -- Objekt Window (2/2)
Jak na JAK
JAK na třídy
JAK - III - Vlastní gui na webových stránkách
JAK na vlastní checkbox
JAK na animované menu
JAK na vlastní scrollbar/scrollbox
JAK na komplexní ovládací prvky
Previous Show category (serial) Next
|
|
||
|
KOMENTARZE
Nie ma komentarzy dla tej pozycji. |
||
|
Tylko zarejestrowani użytkownicy mogą dopisywać komentarze.
|
||
Szukanie oprogramowania
| 1. |
Pacman linux Download: 4873x |
| 2. |
FreeBSD Download: 9063x |
| 3. |
PCLinuxOS-2010 Download: 8561x |
| 4. |
alcolix Download: 10943x |
| 5. |
Onebase Linux Download: 9658x |
| 6. |
Novell Linux Desktop Download: 0x |
| 7. |
KateOS Download: 6240x |
| 1. |
xinetd Download: 2411x |
| 2. |
RDGS Download: 937x |
| 3. |
spkg Download: 4752x |
| 4. |
LinPacker Download: 9961x |
| 5. |
VFU File Manager Download: 3196x |
| 6. |
LeftHand Mała Księgowość Download: 7200x |
| 7. |
MISU pyFotoResize Download: 2805x |
| 8. |
Lefthand CRM Download: 3561x |
| 9. |
MetadataExtractor Download: 0x |
| 10. |
RCP100 Download: 3117x |
| 11. |
Predaj softveru Download: 0x |
| 12. |
MSH Free Autoresponder Download: 0x |
linuxsoft.cz | Design:
www.megadesign.cz