KURS JAVA SCRIPT
Wstęp
Znacznik <SCRIPT>
Część napisaną w JavaScript w dokumencie HTML należy umieścić wewnątrz znaczników <SCRIPT> </SCRIPT>. Dobrze jest też objąć wszystkie instrukcje skryptu znacznikiem komentarza <!-- oraz na końcu //-->.
Przykład:
<!- Ukryj przed przeglądarkami nie obsługującymi JavaScriptu -><!- Tutaj znajdują się funkcja lub instrukcje JavaScriptu ->
Atrybuty
definiuje język, w jakim jest napisany skrypt (w naszym przypadku jest to: JavaScript); użycie tego atrybutu jest obowiązkowe, chyba że wystąpi znacznik SRC, a rozszerzeniem nazwy wskazanego nim pliku jest '.js' (w przypadku JavaScript) lub '.vbs' (w przypadku VBScript)
definiuje lokalizator URL pliku zawierającego skrypt JavaScript; rozszerzeniem nazwy wskazywanego pliku powinno być '.js' lub '.vbs'
Słowa zarezerwowane
abstract
extends
interface
synchronized
boolean
false
long
this
break
final
native
throw
byte
finally
new
throws
case
float
null
transient
catch
for
package
true
char
function
private
try
class
goto
protected
var
const
if
public
void
continue
implements
return
while
default
import
short
with
do
in
static
double
instance of
super
else
int
switch
Obiekty
1. Obiekt window
Obiekt window jest obiektem najwyższego poziomu w dokumencie HTML.
Właściwości
macierz ramek potomnych w oknie; porządek w macierzy odpowiada porządkowi definiowania w dokumencie
liczba zdefiniowanych ramek
bieżące okno
okno rodzicielskie ramki potomnej w zestawie zdefiniowanym znacznikiem <FRAMESET>
okno najwyższego rzędu, które jest właścicielem wszystkich widocznych ramek; okna 'top' są swymi własnymi rodzicami
komunikat pojawiający się w pasku stanu okna przeglądarki
komunikat pojawiający się w pasku stanu okna przeglądarki standardowo, które oczekuje na wprowadzenie jakichś danych przez użytkownika
wewnętrzny identyfikator okna otwartego metodą window.open() (może być niezdefiniowany)
Metody
wyświetla okienko dialogowe "JavaScript Alert" z podanym komunikatem
wyświetla okno dialogowe "Confirm" (tj. okienko z przyciskiem OK i przyciskiem CANCEL) z podanym komunikatem; zwraca TRUE po użyciu przycisku OK, zaś FALSE po użyciu przycisku CANCEL
wyświetla okno dialogowe "Prompt" z podanym komunikatem, które oczekuje na wprowadzenie jakichś danych przez użytkownika
otwiera na ekranie nowe okno, nadaje mu wewnętrzny identyfikator "nazwa" i ściąga do niego dokument wskazany lokalizatorem "URL"
zamyka okno z dokumentem, w którym znajduje się instrukcja użycia tej metody ("samobójstwo okna")
2. Obiekt frame.
Obiekt frame (ramka) to okno znajdujące się wewnątrz okna głównego w przeglądarce. Właściwości i metody są bardzo podobne do właściwości i metod obiektu window (brak jest jedynie właściwości name, status oraz defaultStatus).
3. Obiekt location.
Obiekt location zawiera informacje o bieżącym adresie URL.
łańcuch zawierający cały adres URL dokumentu
łańcuch zawierający początek adresy URL wraz z pierwszym dwukropkiem; przykładową wartością może być "http:" (HyperText Transfer Protocol) lub wartość "javascript:" (określa kod JavaScript)
łańcuch zawierający nazwę serwera, nazwę domeny, np. 'www.domena.pl'
łańcuch zawierający pełną nazwę serwera łącznie z numerem portu, przykład 'www.domena.pl:80'
łańcuch określający używany przez serwer port komunikacyjny; jeśli nie zostanie określona wartość portu, wtedy przyjmie on wartość 80; port jest numerem kanału wejściowego na serwer
łańcuch zawierający część adresy URL, tj. po trzecim ukośniku, np. '~user\katalog\index.html'
łańcuch rozpoczynający się od '#', który określa nazwę zakotwiczenia w dokumencie; powoduje przejście do zakotwiczenia bez odświeżania dokumentu
łańcuch rozpoczynający się znakiem '?', który określa zapytanie w adresie URL; może on wyglądać następująco: '?x=3&y=7'
4. Obiekt document.
Obiekt zawiera informacje o aktualnie otwartym dokumencie.
łańcuch określający tytuł dokumentu; jeśli tytuł nie został zdefiniowany jego wartość jest null
łańcuch zawierający pełny adres URL aktualnie otwartego dokumentu
łańcuch zawierający datę ostatniej modyfikacji dokumentu; jest on formatu Date; jeśli serwer nie wyśle tej informacji do klienta, JavaScript ustawia wartość na 0 (tj. 1 styczeń 1970 GMT)
zawiera adres URL, spod którego wywołany został bieżący dokument
łańcuch określający kolor tła dokumentu; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #FF0000 - kolor czerwony); jest odpowiednikiem atrybutu BGCOLOR znacznika <BODY>
łańcuch określający kolor tekstu w dokumencie; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #000000 - kolor czarny); jest odpowiednikiem atrybutu TEXT znacznika <BODY>
łańcuch określający kolor odsyłaczy hipertekstowych w dokumencie; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #0000FF - kolor niebieski); jest odpowiednikiem atrybutu LINK znacznika <BODY>
łańcuch określający kolor odwiedzonych odsyłaczy hipertekstowych; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #00FF00 - kolor zielony); jest odpowiednikiem atrybutu VLINK znacznika <BODY>
łańcuch określający kolor aktywnego odsyłacza hipertekstowego (odsyłacz nad którym znajduje się aktualnie kursor myszki); jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #0000FF - kolor niebieski); jest odpowiednikiem atrybutu ALINK znacznika <BODY>
tablica zawierająca pozycję każdego formularza; przykład użycia w przypadku formularza o nazwie formularz1:- document.forms["formularz1"]- document.forms[0]- document.formularz1kolejność numeracji formularzy w tablicy jest taka sama jak kolejność ich umieszczenia w dokumencie HTML
przechowuje wartość ilości formularzy w dokumencie
tablica zawierająca pozycję każdego obiektu Area (<AREA HREF=""> </AREA>) i Link (<A HREF=""> </A>), tj. odsyłaczy, w dokumencie; każdemu odsyłaczowi odpowiada jeden obiekt Area lub obiekt Link
przechowuje wartość ilości odsyłaczy (obiektów Link i Area) w dokumencie
tablica zawierająca pozycję każdego zakotwiczenia (<A NAME=""> </A>)
przechowuje wartość ilości zakotwiczeń w dokumencie
wypisuje wyrażenie HTML (łańcuch, który może zawierać znaczniki HTML, w tym przypadku jest to łańcuch zawierający napis: łańcuch) w dokumencie w bieżącym oknie
działa podobnie jak write("łańcuch"), z tą jednak różnicą, że na końcu dodaje znak przejścia do następnej linii; HTML ignoruje przejście do nowej linii chyba, że znajduje się to wewnątrz znacznika <PRE> </PRE>
czyści zawartość bieżącego okna
powoduje zamknięcie bieżącego okna
5. Obiekt form.
Pozwala użytkownikowi wprowadzić tekst i dokonać wyboru przy pomocy elementów formularza, tj. przyciski, przełączniki, pola tekstowe, listy wyboru. Odpowiada znacznikowi <FORM> w dokumencie HTML. Każdy formularz posiada osobny obiekt form.
łańcuch określający nazwę formularza; odpowiada atrybutowi NAME
łańcuch określający sposób wysyłania formularza do serwera; odpowiada atrybutowi METHOD
łańcuch określający docelowy adres URL, pod który zostanie wysłany formularz; odpowiada atrybutowi ACTION
łańcuch określający nazwę okna do którego zostanie przesłana odpowiedź po wypełnieniu i wysłaniu formularza; odpowiada atrybutowi TARGET
tablica obiektów (elementów) formularza takich jak przyciski, przełączniki, klucze pola tekstowe, listy wyboru
zawiera informację o ilości elementów w formularzu; można otrzymać tą samą informację wpisując: form.elements.length
symuluje wciśnięcie przycisku typu submit; powoduje wysłanie formularza; nie wywołuje zdarzenia onSubmit()
symuluje wciśnięcie przycisku typu reset w formularzu; ustawia wszystkie wartości elementów formularza na wartości domyślne; nie wywołuje zdarzenia onReset()
Obsługa zdarzeń
wykonywane w momencie wciśnięcia przycisku typu submit
wykonywane w momencie wciśnięcia przycisku typu reset
6. Obiekt text i textarea.
Obiekty TEXT i TEXTAREA są elementami formularz pozwalającymi użytkownikowi wprowadzić dowolny tekst. W przypadku obiektu TEXT ograniczeniem jest tylko jedna linia tekstu. TEXTAREA to pole formularza, które umożliwia wprowadzenie inforacji tekstowej bez ograniczeń co do ilości linii.
łańcuch przechowujący nazwę elementu; odpowiada atrybutowi NAME
łańcuch przechowujący bieżącą zawartość tekstową znajdującą się w oknie tekstowym elementu
łańcuch przechowujący domyślną (początkową) wartość tekstową wyświetlaną w elemencie formularza; odpowiada atrybutowi VALUE
uaktywnia bieżący element (podświetla go, ale nie zmienia jego stanu); nie wywołuje zdarzenia onFocus
usuwa aktywność bieżącego elementu (nie zmienia jego stanu); nie wywołuje zdarzenia onBlur
uaktywnia bieżący element (podświetla go) i umieszcza w polu tekstowym kursor; nie wywołuje zdarzenia onSelect
wykonywane kiedy użytkownik podświetli (aktywuje) bieżący element
wykonywane kiedy użytkownik deaktywuje bieżący element
wykonywane w momencie kliknięcia myszą na polu tekstowym elementu
barwikowski1