Logika na straněklienta, skriptovací jazyky
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
switch (x) {
case y:
break;
}
Vlastnosti JavaScriptu
konverze datových typů
vysledek = 2 + 3
// vysledek = 5
vysledek = 2 + "3"
// vysledek = "23"
vysledek = 2 + 2 + "3"
// vysledek = "43"
"12" < 3
// numerické srovnání;false
pole
– nemají souvislý index, každá položka jiný typ
p[0]= 1;
// p.length==1
p[10]="prvek s indexem 10";
// p.length==11;v paměti 2 prvky
– asociativní pole
– metody
p.join(,);
// konverze do String, oddělovač ","
p.reverse();
// řazení pozpátku
p.sort();
// alfanumerické řazení
function ciselne_razeni(a,b){return a-b}
p.sort(ciselne_razeni);
// numerické seřazení
– build-in pole: např.: forms[], elements[]
SPOJENÍ S PROHLÍŽEČEM
DOM - hierarchie
window
frame
history
self
top
parent
document
location
link
form
anchor
text
radio
button
select
textarea
checkbox
submit
reset
option
password
DOM: Ukázka
<html>
<head>
<title>Jednoduch
ý dokument</title>
</head>
<body>
<h1>T
ělo dokumentu</h1>
<form>
<input type="text"/>
<input type="button"/>
</form>
</body>
</html>
Window
Location
Document
Form
Text
Button
DOM adresov
ání
document.getElementByID("form_01")
document.getElementByID("jmeno1")
document.getElementByID("hledej2")
name="jmeno"
id="jmeno1"
name="overit"
id="hledej2"
Window
Location
Document
Form
Text
Button
name="formular"
id="form_01"
name="jmeno"
id="jmeno1"
value="Zadej jm
éno"
name="overit"
id="hledej2"
value="Ověř!"
DOM: Vlastnosti (properties)
document.getElementByID(
“jme
no1").value
Window
Location
Document
Form
Text
Button
name="formular"
id="form_01"
name="jmeno"
id="jmeno1"
value="Zadej jm
éno"
name="overit"
id="hledej2"
value="Ověř!"
DOM: Metody
window.moveTo(30,50)
document.write
("Nějaký text")
document.getElementByID
(
“form_01”).submit()
document.formular.jmeno.select()
Window
Location
Document
Form
Text
Button
name="formular"
id="form_01"
DOM -
dotazování
var druhyOdkaz = document.querySelectorAll("a")[1];
var obrazek = document.querySelector("p > img");
var odstavec = obrazek.parentNode;
var potomek = odstavec.firstChild;
alert(odstavec.innerHTML);
DOM - manipulace
var odstavec = document.querySelector("p");