Głównym sposobem tworzenia dynamicznych efektów na stronach internetowych jest użycie skryptów po stronie klienta. Są to fragmenty kodu, które są interpretowane przez silnik skryptowy aplikacji wyświetlającej dokument. JavaScript to popularny język programowania używany do tworzenia skryptów. Aby skrypt mógł się wykonać, musi być w jakiś sposób wstawiony do dokumentu.
Czy to jest to konieczne
- - kod skryptu;
- - dokument źródłowy;
- - Edytor tekstu.
Instrukcje
Krok 1
Określ najlepszy sposób wstawienia skryptu. Jeśli założymy, że ten sam skrypt będzie używany w różnych dokumentach, to sensowne jest przeniesienie go do zewnętrznego pliku i podłączenie go stamtąd. W przeciwnym razie warto osadzić tekst skryptu w treści strony. Jeśli rozmiar skryptu jest duży, warto umieścić go w osobnym bloku w dokumencie. Jeśli kod programu ma niewielką objętość i implementuje reakcję na dowolne zdarzenie, dopuszczalne jest umieszczenie go w atrybucie definiującym wbudowaną obsługę zdarzeń elementu lub w atrybucie href linku.
Krok 2
Wklej skrypt z zewnętrznego źródła. Dodaj element SCRIPT z określonymi atrybutami src i type do treści dokumentu lub sekcji HEAD. Na przykład możesz to zrobić tak: Wartość atrybutu src musi być identyfikatorem URI wskazującym na zasób, z którego zostanie załadowany tekst skryptu Atrybut charset jest opcjonalny. Wskazuje kodowanie tekstu skryptu. Ale jeśli zostanie pominięty, wartość kodowania zostanie przyjęta jako wartość kodowania dokumentu, do którego wstawiany jest skrypt.
Krok 3
Wstaw skrypt do tekstu strony. Użyj elementu SCRIPT z tekstem skryptu w środku. Na przykład może to wyglądać tak:
alert („Skrypt działa!”);
Komentarze HTML, które zawierają kod, są wymagane do zachowania zgodności ze starszymi przeglądarkami. W dokumentach XHTML można używać komentarzy XML.
Krok 4
Wstaw kod JavaScript do wbudowanych modułów obsługi zdarzeń. Znajdź element w dokumencie, którego zdarzenie chcesz obsłużyć. Dodaj atrybut, który definiuje odpowiednią procedurę obsługi. Na przykład atrybut określający procedurę obsługi kliknięcia myszą na elemencie to onclick, funkcja obsługi utraty sygnału fokusa to onblur, a funkcja obsługi naciśnięcia klawisza to onkeydown.
Krok 5
Wprowadź kod skryptu jako tekst określający wartość dodanego atrybutu. Na przykład, aby wyświetlić komunikat po kliknięciu myszą elementu DIV, można użyć następującej konstrukcji: Tekst tekst tekst Należy pamiętać, że aby zdefiniować literały ciągu w kodzie obsługi elementu wbudowanego, należy użyć innego typu cudzysłowów niż te które określają wartość atrybutu HTML…
Krok 6
Dodaj skrypt do elementu href linku. Wartość href musi być adresem URL, którego deskryptor protokołu to „javascript:”, a część adresowa jest wyrażeniem obliczanym. Na przykład: Tekst łącza Jeśli potrzebujesz użyć wielu wyrażeń, użyj bloku instrukcji zdefiniowanego przez nawiasy {i}.
