Kursy

Funkcje w JavaScript

Funkcje w JavaScript

Funkcje to zbiór instrukcji które mają na celu wykonać jakieś określone zadanie. Funkcje wywołane są za pomocą nazwy i ewentualnie przy użyciu argumentów. Należy pamiętać, że każda funkcja musi mieć własną niepowtarzalną nazwę. Aby zdefiniować funkcję najpierw piszemy function następnie jej nazwę, oraz jeżeli istnieje taka potrzeba wpisujemy parametry. Wszystkie instrukcje, które mają być wykonane po wywołaniu funkcji umieszczamy pomiędzy klamrami { }. Całość wygląda następująco:

function nazwa (parametr1, parametr2,...)
{
instrukcje...
}



Jeżeli nie są nam potrzebne żadne parametry to nawias pozostaje pusty. Oto jak wygląda przykładowa funkcja bez parametrów:

function wyswietl_napis()
{
tekst="To jest przykładowy tekst"
document.write("Funkcja o nazwie wyswietl_napis() wywołała tekst: " +tekst)
}



Teraz musimy jeszcze tylko wywołać naszą funkcję - uruchomić ją. Używa się zazwyczaj do tego zdarzeń w JavaScript. Zdarzeniem może być kliknięcie na obrazek lub pole formularza. Nasz funkcja zostanie wywołana po załadowaniu się strony, służy do tego zdarzenie onLoad.

<BODY onLoad="wyswietl_napis()">



Teraz napiszemy nową funkcję gdzie użyjemy parametrów.

function pokaz(tekst)
{
alert(tekst)
}



Funkcja ta zostanie wywołana po kliknięciu na obrazek:

<img src="obrazek.gif" onClick="pokaz('fajny tekst')">



No to po kolei. Wywołana funkcja wyświetli okienko z napisem fajny tekst. Dzieje się tak ponieważ zmienna tekst jest parametrem. Dostarcza ona funkcji tekst, który zostanie wykorzystany w okienku. Jego zawartość zależy tylko i wyłącznie od tego co zdefiniujemy w wywołaniu funkcji, w naszym przypadku: onClick="pokaz('fajny tekst')". Więcej na temat wywoływania funkcji dowiesz się w temacie poświęconym zdarzeniom.