spse:pm3:javascript-uvod

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Následující verze		 Předchozí verze
spse:pm3:javascript-uvod [2021/01/05 21:24] – vytvořeno jendaspse:pm3:javascript-uvod [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 35: Řádek 35:
   * komentáře jako v PHP, C++, Javě...   * komentáře jako v PHP, C++, Javě...
  
 +---->
 <code javascript> <code javascript>
 // JavaScript Document // JavaScript Document
 retezec = "Hello, world"; retezec = "Hello, world";
 var a = 12; var b = 15; var a = 12; var b = 15;
-return; 
  
 //používáme středníky //používáme středníky
Řádek 50: Řádek 50:
  
 </code> </code>
 +<----
  
-===== Úkol =====+===== Vkládání skriptu do stránky ===== 
 +  * Skript se píše mezi značky <script> a </script>. Ty můžete vložit do sekce body nebo do sekce head (záleží na účelu skriptu). 
 +<fragment-block> 
 +<code html> 
 +<html> 
 +<head> 
 +... 
 +<script type="text/javascript"> 
 +.. javascript tělo skriptu .. 
 +</script> 
 +... 
 +</head> 
 +<body> 
 +..tělo dokumentu.. 
 +<script type="text/javascript"> 
 +.. javascript tělo skriptu.. 
 +</script> 
 +..tělo dokumentu.. 
 +</body> 
 +</html> 
 +</code> 
 +</fragment-block> 
 +==== Úkol ====
   * ''document.open();'' - otevírá dokument   * ''document.open();'' - otevírá dokument
   * ''document.write();'' - zapisuje do dokumentu   * ''document.write();'' - zapisuje do dokumentu
-  * ''alert();'' - vypisuje do výstražného okna+  * ''window.alert();'' - vypisuje do výstražného okna 
  
 <WRAP center round tip 60%> <WRAP center round tip 60%>
-**Úkol**+   * **Úkol**
     * vypište něco na obrazovku     * vypište něco na obrazovku
     * vyvolejte výstražné okno s nějakým textem     * vyvolejte výstražné okno s nějakým textem
Řádek 76: Řádek 100:
 ==== Čísla ==== ==== Čísla ====
   * matematické operace s čísly pomocí objektu Math   * matematické operace s čísly pomocí objektu Math
 +<fragment-block>
 <code javascript> <code javascript>
 // javascript Document // javascript Document
Řádek 85: Řádek 109:
 var y = (0x1A).toString(10); // zápis do decimální soustavy z hexadecimální - výsledek 26 var y = (0x1A).toString(10); // zápis do decimální soustavy z hexadecimální - výsledek 26
 </code> </code>
 +</fragment-block>
  
 === Čísla - speciální hodnoty === === Čísla - speciální hodnoty ===
Řádek 93: Řádek 118:
   * datový typ reprezentovaný znaky UNICODE   * datový typ reprezentovaný znaky UNICODE
   * text uzavřený do uvozovek nebo apostrofů   * text uzavřený do uvozovek nebo apostrofů
 +<fragment-block>
 <code javascript> <code javascript>
- 
 var text = "Hello world"; var text = "Hello world";
 var datum = '1.1.2020'; var datum = '1.1.2020';
- 
 </code> </code>
 +</fragment-block>
 ==== Escape sekvence ==== ==== Escape sekvence ====
  
-<code javascript> +<code> 
-sekvence     význam +sekvence  význam 
-\n    nový řádek +\n        nový řádek 
-\t    řádkový tabulátor +\t        řádkový tabulátor 
-\v    svislý tabulátor +\v        svislý tabulátor 
-\r    návrat kurzoru (HOME) +\r        návrat kurzoru (HOME) 
-\'    znak apostrof +\'        znak apostrof 
-\"    znak uvozovky +\"        znak uvozovky 
-\\    zpětné lomítko +\\        zpětné lomítko 
-\b    zpětná mezera (BACK)+\b        backspace (BACK)
  
 </code> </code>
Řádek 119: Řádek 142:
  
   * provádí se pomocí znaménka **+**   * provádí se pomocí znaménka **+**
 +<fragment-block>
 <code javascript> <code javascript>
  
Řádek 128: Řádek 151:
  
 </code> </code>
 +</fragment-block> 
 +<fragment-block>
 === Příklady funkcí pro práci s řetězci === === Příklady funkcí pro práci s řetězci ===
- 
 <code javascript> <code javascript>
  
Řádek 140: Řádek 163:
  
 </code> </code>
 +</fragment-block>
 ==== Pole ==== ==== Pole ====
   * indexované - od nuly   * indexované - od nuly
   * asociativní pole   * asociativní pole
  
 +<fragment-block>
 <code javascript> <code javascript>
- 
 var cars = ["Saab", "Volvo", "BMW"]; var cars = ["Saab", "Volvo", "BMW"];
 cars[0] = "Opel"; cars[0] = "Opel";
 document.getElementById("demo").innerHTML = cars[0]; document.getElementById("demo").innerHTML = cars[0];
- 
 </code> </code>
  
 https://www.w3schools.com/js/js_arrays.asp https://www.w3schools.com/js/js_arrays.asp
 +</fragment-block>
  
 ==== Objekty ==== ==== Objekty ====
Řádek 162: Řádek 185:
     * potomky tohoto objektu (třídy) jsou Document, Frame, Field, Link, Img, Anchor, ...     * potomky tohoto objektu (třídy) jsou Document, Frame, Field, Link, Img, Anchor, ...
  
 +
 +---->
 <code javascript> <code javascript>
 var person = { var person = {
Řádek 172: Řádek 197:
 //person["lastName"]; //person["lastName"];
 </code> </code>
 +<----
  
 ==== Funkce ==== ==== Funkce ====
   * JavaScript obsahuje řadu přednastavených funkcí (resp. metod), pro práci s čísly (např. metody objektu Math)   * JavaScript obsahuje řadu přednastavených funkcí (resp. metod), pro práci s čísly (např. metody objektu Math)
   * uživatel může definovat řadu funkcí nebo metod – tj. funkcí vázaných k určitým objektům   * uživatel může definovat řadu funkcí nebo metod – tj. funkcí vázaných k určitým objektům
 +<fragment-block>
 <code javascript> <code javascript>
 function myFunction(p1, p2) { function myFunction(p1, p2) {
Řádek 181: Řádek 208:
 } }
 </code> </code>
 +</fragment-block> 
 +<fragment-block>
 <code javascript> <code javascript>
 var x = myFunction(4, 3);   // Funkce je zavolána, návratová hodnota se uloží do proměnné **x** var x = myFunction(4, 3);   // Funkce je zavolána, návratová hodnota se uloží do proměnné **x**
Řádek 189: Řádek 217:
 } }
 </code> </code>
 +</fragment-block>
 ==== Úkol ==== ==== Úkol ====
  
-<WRAP center round tip 60%> +<WRAP center round tip 80%> 
-**Úkol** +  * **Úkol** 
-  * definujte různé proměnné +    * definujte různé proměnné 
-  * proveďte matematické operace s čísly a řetězci a vypište je na obrazovku+    * proveďte matematické operace s čísly a řetězci a vypište je na obrazovku
 </WRAP> </WRAP>
  
Řádek 201: Řádek 229:
 ==== If, Else ==== ==== If, Else ====
   * stejné jako v c/c++   * stejné jako v c/c++
 +<fragment-block>
 <code javascript> <code javascript>
 if (hour < 18) { if (hour < 18) {
Řádek 209: Řádek 237:
 } }
 </code> </code>
 +</fragment-block>
 +
  
 ==== Úkol ==== ==== Úkol ====
 <WRAP center round tip 90%> <WRAP center round tip 90%>
-**Úkol** +  * **Úkol** 
-  * vytvořte skript který bude využívat větvení pomocí podmínky if elseif a else +    * vytvořte skript který bude využívat větvení pomocí podmínky if elseif a else 
-  * použijte porovnání číselných hodnot pomocí operátorů ''<,>,<=,=>'' +    * použijte porovnání číselných hodnot pomocí operátorů ''<,>,<=,=>'' 
-  * otestujte výraz typu boolean+    * otestujte výraz typu boolean
 </WRAP> </WRAP>
  
 ==== Cyklus for ==== ==== Cyklus for ====
   * stejný jako v C/C++   * stejný jako v C/C++
 +<fragment-block>
 <code javascript> <code javascript>
 for (i = 0; i < 5; i++) { for (i = 0; i < 5; i++) {
Řádek 226: Řádek 256:
 } }
 </code> </code>
 +</fragment-block> 
 +<fragment-block>
 <code javascript> <code javascript>
 var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"]; var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
Řádek 235: Řádek 266:
 } }
 </code> </code>
 +</fragment-block>
  
 ==== Úkol ==== ==== Úkol ====
 <WRAP center round tip 90%> <WRAP center round tip 90%>
-**Úkol** +  * **Úkol** 
-  * vytvořte pomocí for cyklu následující (nadpisy od H1 do H6):+    * vytvořte pomocí for cyklu následující (nadpisy od H1 do H6): 
 +<fragment-block>
 {{:spse:pm3:pasted:20210105-211740.png}} {{:spse:pm3:pasted:20210105-211740.png}}
 +</fragment-block>
 </WRAP> </WRAP>
  
  • spse/pm3/javascript-uvod.1609881861.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)