Skripta OVI

Javascript v html I

! Java se nerovná Javascript !

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 v html

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

Proměnné

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>

Poznámky

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

Dialogové okno s oznámením

alert

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

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

Dialogové okno vyžadující vstup uživatele

prompt

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

</script>

Dialogové okno ano/ne

confirm

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

Způsoby zápisu JavaScriptu

  • 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…

admin

,