Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
OpublikowałMichalina Leśniak Został zmieniony 9 lat temu
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
Podobne prezentacje
© 2024 SlidePlayer.pl Inc.
All rights reserved.