razredi drugi Flashcards
razred location
Objekt tega razreda opisuje URL naslov, tako da ga razčleni ga na posamezne
dele. Tak objekt je definiran v vsakem oknu (objektu razreda Window) kot
lastnost z imenom location
-location.href -niz, ki vsebuje popoln omrežni naslov
-location.protocol -niz, ki vsebuje ime protokola, na primer “file:”, “http:”, “ftp:”.
-location.host- niz, ki vsebuje številko IP strežnika
-location.hostname- niz, ki vsebuje ime strežnika
-location.port -niz, ki vsebuje številko vrat
-location.pathname- niz, ki vsebuje ime datoteke
-location.hash- niz, ki vsebuje oznako mesta v datoteki, vključno z znakom # na začetku. Če oznake ni, je niz prazen.
-location.search- niz, ki vsebuje parametre, vključno z znakom ? (vprašaj) na začetku Če parametrov ni, je niz prazen.
METODE OP
location.reload()- osveži vsebino
razred screen
Ta razred je eden od standarnih Javascript razredov in omogoča pridobitev
podatkov o zaslonu uporabnika.
LASTNOSTI OPIS
height -višina zaslona v pikslih
availHeight- višina zaslona brez Windows Taskbar
width- širina zaslona v piksklih
availWidth- širina zaslona brez Windows Taskbar
Lastnosti, s katerimi posegamo v zgradbo elementov HTML
-childNodes zbirka elementov, ki so vsebovani v danem elementu.
-firstChild prvi iz zbirke elementov, ki so vsebovani v danem elementu.
-lastChild zadnji iz zbirke elementov, ki so vsebovani v danem elementu.
-parentNode prednik danega elementa.
-hasChildNodes() vrne true, če dani element vsebuje kakšen drug element.
-attributes vrne seznam lastnosti elementa
-baseURI vrne URI naslov dokumenta, v katerem je element.
-nextSibling vrne naslednika elementa na istem nivoju.
-nodeName vrne ime elementa ali lastnosti elementa.
-nodeType vrne tip elementa ( element, lastnost, komentar…),
-ownerDocument vrne koren dokumentovega drevesa.
-previousSibling vrne pedhodnika elementa na istem nivoju.
-tagName vrne ime značke elementa.
-textContent Nastavi in vrne novo besedilo znotraj elementa.
-text vrne besedilo elementa in njegovih naslednikov (samo IE).
-xml vrne XML elementa in njegovih naslednikov (samo IE).
Metode, s katerimi posegamo v zgradbo elementov HTML
-appendChild(novi) na konec zbirke elementov, ki so vsebovani v danem elementu, doda nov element.
-insertBefore(novi, pred) v zbirko elementov, ki so vsebovani v danem elementu, doda nov element pred dani element.
-replaceChild() (novi, stari) v zbirki elementov, ki so vsebovani v danem elementu, zamenja stari element z novim elementom.
-removeChild(stari) dani element odstrani iz zbirke elementov, ki so vsebovani v danem elementu.
-getAttribute(ime) vrne vrednost dane lastnosti v danem elementu
-setAttribute(ime, vrednost) elementu nastavi dano lastnost na dano vrednost.
-cloneNode() podvoji vozlišče.
-compareDocumentPosition(vozlišče) Primerja pozicijo dveh elementov (element in vozlišče) znotraj dokumentnega drevesa.
-getAttributeNode(ime) Doda novo lastnost “ime” elementu.
-hasAttribute(ime) vrne true, če ima element lastnost “ime” .
-hasAttributes() vrne true, če ima element vsaj eno lastnost.
-hasChildNodes() vrne true, če ima element vsaj enega otroka.
-isEqualNode(vozlišče) Preveri, če gre za enako vozlišče.
-isSameNode(vozlišče) Preveri, če gre za isto vozlišče.
-removeAttribute(lastnost) izbriše lastnost “lastnost” elementa.
-removeAttributeNode(lastnost) izbriše lastnost “lastnost” vsem elementom.
-setAttributeNode(lastnost) doda novo lastnost elementu
JavaScript, HTML in dogodki
Program lahko v HTML vključimo tudi drugače, npr. kot reakcija na določen dogodek s pomočjo HTML oznak
Tako lahko določimo, kaj naj se zgodi, ko uporabnik klikne na element, če pritisne tipko, spremeni vsebino,…
<img></img>
Reakcijo na dogodek opišemo s programom, največkrat v JavaScriptu.
Ker pa je ta program treba napisati kot vrednost lastnosti, ga običajno napišemo čim krajše, da struktura dokumenta HTML ostane pregledna.
Taki programčki so največkrat samo prireditveni stavki ali klici vgrajenih funkcij, lahko pa pokličemo tudi svojo funkcijo, ki jo vključimo v HTML na običajen način (z
značko script).
Zgornji primer v večini novejših brskalnikov deloval brezhibno, težava pa je lahko, ker
nismo določili, v katerem programskem jeziku je napisan program, ki se izvrši, ko kliknemo na sliko. Zato dodamo v glavo dokumenta HTML z uporabo značke meta:
<meta http‐equiv=”Content‐Script‐Type” content=”text/javascript” />
Razred Event (Dogodki)
Objekti razreda Event omogočajo dostop do stanja tipk ( pritisnjena, spuščena), miške ( pritisnena ali spuščena leva ali desna miška, lokacija miške, na kateri HTML element se je izvedel klik…). Po zaznavi dogodka se običajno
proži določena uporabniško definirana funkcija v JavaScriptu.
dogodki
-Onload brskalnik je do konca naložil dokument ali vse okvirje (body in frameset)
-Onunload brskalnik je odstranil dokument iz okna ali okvirja (body in frameset)
-Onclick uporabnik je kliknil na element
-Ondblclick uporabnik je napravil dvojni klik na elementu
-Onmousedown uporabnik je pritisnil miškin gumb na elementu
-Onmouseup uporabnik je spustil miškin gumb na elementu
-Onmouseover uporabnik je pomaknil miško na element
-Onmousemove uporabnik je premaknil miško na elementu
-Onmouseout uporabnik je pomaknil miško z elementa
-Onfocus uporabnik je aktiviral element z miško ali tipko TAB (a, area, label, input, select, textarea in button)
-Onblur uporabnik je deaktiviral element z miško ali tipko TAB (a, area, label, input, select, textarea in button)
-Onkeypress uporabnik je pritisnil in spustil tipko
-Onkeydown uporabnik je pritisnil tipko
-Onkeyup uporabnik je spustil tipko
-Onsubmit uporabnik je v obrazcu pritisnil gumb submit (form)
-Onreset uporabnik je v obrazcu pritisnil gumb reset (form)
-Onselect uporabnik je označil besedilo v polju za vnos besedila (input in textarea)
-Onchange uporabnik je spremenil vrednost elementa in ga deaktiviral (input, select in textarea)
-altKey če je pritisnjena tipka “ALT”
-button rezultat je kateri miškin gumb je pritisnjen
-clientX vrne koordinato x v brskalniku kamor kaže kazalec miške
-clientY vrne koordinato y v brskalniku kamor kaže kazalec miške
-ctrlKey če je pritisnjena tipka ”CTRL”
-metaKey če je pritisnjena tipka”meta”
-relatedTarget vrne na kateri element HTML smo pritisnili ali kliknili
-screenX vrne koordinato x na zaslonu kamor kaže kazalec miške
-screenY vrne koordinato y na zaslonu kamor kaže kazalec miške
-shiftKey če je pritisnjena tipka”SHIFT”
