Portal edukacyjny JAVASCRIPT Obiekty Portal edukacyjny DOM Document
Portal edukacyjny JAVASCRIPT Obiekty
Portal edukacyjny DOM Document Object Model
Portal edukacyjny Tworzenie obiektów modelu DOM <HTML> <HEAD>… </HEAD> <BODY> <FORM NAME=f 1> <INPUT TYPE=TEXT NAME=p 1> <INPUT TYPE=SUBMIT> </FORM> <IMG NAME=obraz SRC=”o. gif”> </BODY> </HTML> window. document. f 1. p 1 window. document. obraz
Portal edukacyjny Obiekt – właściwości Właściwości określają pewne atrybuty obiektów. Właściwości można odczytywać i/lub zmieniać. Niektóre właściwości są tylko do odczytu lub tylko do zapisu!!! l Odczytanie wartości właściwości: nazwa. Obiektu. nazwa. Właściwości l Zmiana wartości właściwości nazwa. Obiektu. nazwa. Właściwości=wartość
Portal edukacyjny Obiekt – metody Metoda definiuje akcje (czynności), jakie można wykonać na obiekcie. Wywołanie metody dla obiektu powoduje wykonanie akcji. Metodę można przyrównać do funkcji skojarzonej z obiektem. l nazwa. Obiektu. nazwa. Metody() l Nazwa. Obiektu. nazwa. Metody(parametry)
Portal edukacyjny Obiekt – zdarzenia Każdy obiekt może reagować na pewne zdarzenia. Obsługa zdarzenia polega na wykonaniu zdefiniowanych dla danego obiektu i zdarzenia instrukcji języka. l <INPUT TYPE=BUTTON on. Click=”window. alert(’hej!’)” > l <BODY on. Load=”start()”>
Portal edukacyjny Zdarzenia l on. Abort l on. Blur l on. Change l on. Click l on. Drag. Drop l on. Error l on. Focus l on. Key. Down l on. Key. Press l on. Key. Up l on. Load l on. Mouse. Down l on. Mouse. Move l on. Mouse. Out l on. Mouse. Over l on. Mouse. Up l on. Move l on. Reset l on. Resize l on. Select l on. Submit l on. Unload
Obiekt window Wybrane właściwości: Portal edukacyjny status, self, parent, name, opener, document Wybrane metody: open(URL, nazwa. Okna, parametry) close() alert(tekst) confirm(tekst) zwraca true lub false prompt(tekst, wartpocz) zwraca wartość lub null
Obiekt document Portal edukacyjny Wybrane właściwości: bg. Color, forms[ ], images[ ], title Wybrane metody: document. write(tekst) document. writeln(tekst) document. close()
Obiekt ciąg tekstowy Właściwości obiektu string: Portal edukacyjny length Metody obiektu string: string. to. Upper. Case() string. to. Lower. Case() string. char. At(pozycja) string. substring(n, m) string. substr(n, ile) string. index. Of(wzorzec, poz)
Portal edukacyjny Nazwy obiektów i identyfikatorów Nazwy obiektów HTML nadawane są przez parametr NAME= dowolnego znacznika. Nazwa identyfikatora: l musi zaczynać się od litery lub znaku podkreślenia _ l może zawierać wyłącznie litery, cyfry i znak podkreślenia l Wielkość liter jest rozróżniana !!!
- Slides: 11