Portal edukacyjny J A V A S C R I P T JĘZYK PROGRAMOWANIA STRON HTML Opracowała: Anna Śmigielska.

Prezentacja na temat: "Portal edukacyjny J A V A S C R I P T JĘZYK PROGRAMOWANIA STRON HTML Opracowała: Anna Śmigielska."— Zapis prezentacji:

1 Portal edukacyjny J A V A S C R I P T JĘZYK PROGRAMOWANIA STRON HTML Opracowała: Anna Śmigielska

2 Portal edukacyjny Cechy języka JavaScript Skryptowy język programowania Wykonywany w kontekście przeglądarki internetowej Dostęp do niemal wszystkich elementów składowych strony HTML Możliwość reagowania na zdarzenia powstające w kontekście przeglądarki internetowej Posiada kolekcję obiektów i działa na obiektach

3 Portal edukacyjny Zastosowania Dynamiczna zmiana wyglądu i zawartości stron w przeglądarce Dynamiczna zmiana wyglądu i zawartości stron w przeglądarce Otwieranie, zamykanie i przesuwanie okien przeglądarki Otwieranie, zamykanie i przesuwanie okien przeglądarki Animacja na stronie przeglądarki

4 Portal edukacyjny Przykładowe zastosowania Rozpowszechnianie niewielkich baz danych – np. lista adresowa Rozpowszechnianie niewielkich baz danych – np. lista adresowa

5 Portal edukacyjny Przykładowe zastosowania Sprawdzanie poprawności formalnej formularza przed wysłaniem Brak wypełnionych pól w formularzu generuje komunikat:

6 Portal edukacyjny Przykładowe zastosowania Po wypełnieniu pól w formularzu, przycisk Sumuj generuje wynik Wykonywanie obliczeń

7 Portal edukacyjny Umieszczanie kodu JS w HTML Kod JS w pliku zewnętrznymKod JS w pliku zewnętrznym: UWAGA: jest wymagany !!!

8 Portal edukacyjny Umieszczanie kodu JS w HTML cd. Kod JS w pliku HTMLKod JS w pliku HTML: <!-- … instrukcje JS … //-->

9 Portal edukacyjny Umieszczanie kodu JS w HTML cd. Kod JS w obsłudze zdarzeńKod JS w obsłudze zdarzeń: <ZNACZNIK … onZdarzenie=”instrukcje JS” >

10 Portal edukacyjny Umieszczanie kodu JS w HTML cd. Kod JS jako adres URLKod JS jako adres URL: …

11 Portal edukacyjny Przetwarzanie skryptu Kod JS jest dołączony do pliku HTML i jest wykonywany: w czasie wczytywania pliku HTML do przeglądarki w momencie wystąpienia zdarzenia może być uruchomiony w określonych odstępach czasu lub przetwarzany jako adres URL

12 Portal edukacyjny http://www.diversity.pl/index.php?option=com_content &task=view&id=53&Itemid=121 http://js.webinside.pl/ Polecane strony