Javascript v html

Java

• samostatný jazyk

Javascript

• nemusí mít překladač – není potřeba instalovat runtime
• objektově orientovaný
• závislý na prohlížeči
• rozlišuje velká a malá písmena
• Uživatel může JavaScript zakázat
• nejde jím přistupovat k souborům v počítači a systémovým objektům (rozlišení obrazovky)
• řetězce se uzavírají do uvozovek, nebo do apostrofů
• před speciální znak se dá zpětné lomítko \“ (např. aby se v textu zobrazily „uvozovky“)
• u objektu se k jejich vlastnostem přistupuje skrze tečku

Javascript píšeme do tagů script

<script> </script>

Psaní textu:

<script> 
document.write("Tohle napsal javascript");
</script>

Takto vypsaný text jde upravovat jako html text pomocí tagů <b> <i> atd… Text je uzavřený uvozovkami. Textový řetězec nesmí být odřádkovaný!

Není nutné psát na konci řádku středník – stačí odřádkování!

Pro odřádkování obsahu je potřeba psát <br> do document.write

Označuje se klíčovým slovem var. (Není povinnost ho do kódu psát. Funguje i bez něj, ale je lépe ho psát kvůli přehlednosti a čitelnosti.)

Nemusí se definovat její typ, javascript ho určí podle jejího obsahu!

<script>
var x = "<b>Tohle napsal javascript</b>";
document.write(x)
</script>

V javascriptu není nutné přetypovávat proměnné:

Můžeme je pak jednoduše vzájemně upravovat:

<script>
    var x = "<b>Tohle je hezké číslo: </b>";
    var y = 13
    y = y * 2 * 11 * 7
    x = x + y
    document.write(x)
</script>

Pokud chceme napsat uvozovky – jako text – je potřeba před ně napsat zpětné lomítko – \“

Pokud chceme upravit text vypsaný pomocí document.write je třeba do něj přidat “<b>„ (viz níž)

<script>
	//toto je poznámka
    var x = "<b>Tohle je hezké \" číslo: \" </b>";
    var y = 13
    y = y * 2 * 11 * 7
    x = x + y
    document.write("<b>" + x + "<b>")
</script>

<script>
	//toto je poznámka
</script>

alert

Upozornění nebo chybová hláška, která se otevře v novém oznamovacím okně:

<script>
    alert("Baf!")
</script>

prompt

<script>
    var jmeno = prompt("zadej své jméno")
    document.write("<br>Tvé jméno je " + jmeno);

</script>

confirm

<script>
    var pauza = confirm("Chcete pauzu?")
    if (pauza) document.write("<br>Dáme pauzu")
</script>

• mezi tagy <script></script>
• do externího souboru (na něj se pak odkazuje pomocí tagu script)

<script src="mujSkript.js"> Vše napsané tady se bude ignorovat </script>

• inline (řádkový zápis) bez použití tagu script

<a href="http://www.seznam.cz" onmouseover="alert('Na seznam nechoďte!')">  odkaz na seznam </a>

<img src="obr1.jpg" alt="obrazek" onmouseover="this.src='obr2.jpg'" onmouseout="this.src='obr1.jpg'" />

<input type="text" value="sem zadej text" onfocus="if(this.value=='sem zadej text') this.value=''">

Další události myši:

• onmouseover
• onouseout
• onfocus – vybrání
• onclick
• ondblclick
• onmouseup
• onmousewheel
• atd…