– objektově orientovaný jazyk – – hierarchická struktura – k objektům přistupujeme takto:
jmenoObjektu.podobjekt jmenoObjektu.vlastnost jmenoObjektu.metoda(); např: window.history.back(); window.document Math Date
Document object model – DOM
– jednotný zápis objektů, jak se budou řadit a jmenovat – nezávislé na volbě prohlížeče
Základní objekty
Window
-
nejvyšší objekt v hierarchii objektů
-
všechny ostatní objekty (kromě Math a Date apod.) jsou podobjekty window
-
nepovinný název, nemusí se psát:
window.location //je to samé jako:
location
//adresa načteného dokumentu
alert(location)
//vypíše adresu do alertu
location.href="http://www.physiome.cz/wiki/"
//vlastnost - načte danou stránku - měl by tento krok zařadit do historie
location.replace("http://www.physiome.cz/wiki/")
//metoda - také načte danou stránku - vymění ji za tu stávající - neměl by tento krok zařadit do historie
location.reload(true);
//metoda - automaticky aktualizuje danou stránku
Aktuální čas a datum aktualizované pomocí location.reload:
<body>
<script>
//alert(location)
//location.reload(true);
var datum = new Date();
var rok = datum.getFullYear();
var mesic = datum.getMonth();
var den = datum.getDate();
var denVTydnu = datum.getDay();
var hodina = datum.getHours();
var minuta = datum.getMinutes();
var sekunda = datum.getSeconds();
//alert(denVTydnu);
var jmenoDne;
switch(denVTydnu) {
case 0:alert("je nedele"); break;
case 4: jmenoDne = "ctvrtek" ; break;
}
document.write("Dnes je "+jmenoDne+" "+den+". "+mesic+". "+rok+"<br>");
document.write("<br>Právě je <b>"+hodina+":"+minuta+":"+sekunda+".</b>");
</script>
<br>
<a href="javascript:location.reload()"> Obnov. </a>
</body>
Location se skládá z:
protocol://hostname:port/pathname/?search#hash
-
protocol – https nebo http
-
hostname – adresa, např „www.google.cz“
-
port – většinou není žádný, některé služby ho vypisují např 80:80
-
path name – za lomítkem, např. /wiki/
-
search – vyhledávání – v search je uložená hodnota proměnné např. ?jmeno=Martin
-
hash – tagy – hodnoty, které jsou nastavené
Window history
-
jednoduchý objekt, má pár metod
-
na složitější práci s historii je potřeba využít cookies
history.back() - vrátí o stránku zpět history.back(2) - o dvě stránky zpět history.forward() - posune o stránku vpřed (pokud se uživatel posune zpět, může se vrátit) history.go() history.go(-1) - vrátí stránku o jednu zpět
Window navigator
-
zjišťuje informace o typu a verzi prohlížeče
document.write("<br>"+navigator.appName); //jméno prohlížeče
document.write("<br>"+navigator.appVersion); //verze prohlížeče
document.write("<br>"+navigator.plugins.length); //počet pluginů
document.write("<br>"+navigator.platform); //operační systém
document.write("<br>"+navigator.systemLanguage); //jazyk operačního systému
document.write("<br>"+navigator.userLanguage); //jazyk prostředí