Kurs JavaScript TI 312[01]

Wielkość: px

Rozpocząć pokaz od strony:

Download "Kurs JavaScript TI 312[01]"

Bernard Nowak
8 lat temu
Przeglądów:

1 TI 312[01]

2 Spis treści 1. Wiadomości ogólne Wstawianie skryptów do dokumentów HTML... 3 Przykład 2.1 Przykładowa implementacja skryptu JavaScript w dokumencie HTML Data i godzina... 3 Przykład 3.1 Wyświetlanie daty i godziny (1)... 3 Przykład 3.2 Wyświetlanie daty i godziny (2)... 4 Przykład 3.3 Wyświetlanie daty i godziny (3)

.. 3 3. Data i godzina... 3 Przykład 3.1 Wyświetlanie daty i godziny (1).

3 1. Wiadomości ogólne Język Java został stworzony przez firmę Netscape Communications Corporation i jest językiem interpretowanym po stronie przeglądarki. 2. Wstawianie skryptów do dokumentów HTML Początek skryptu JavaScript określa etykieta (znacznik) <SCRIPT>. Etykieta ta nakazuje przeglądarce traktowanie następnych linii jako kodu skryptu, aż do etykiety po którym następuje dalsza część skryptu HTML Przykład 2.1 Przykładowa implementacja skryptu JavaScript w dokumencie HTML <TITLE>PIERWSZY SKRYPT</TITLE> document.write(document.lastmodified); Etykieta <SCRIPT> zawiera atrybut LANGUAGE="JavaScript", który przekazuje przeglądarce informacje o tym, jakiego języka używamy. 3. Data i godzina Przykład 3.1 Wyświetlanie daty i godziny (1) 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: <TITLE>DATA I CZAS</TITLE> now = new Date(); localtime = now.tostring(); utctime = now.togmtstring(); document.write("czas lokalny " + localtime); document.write(" "); document.write("czas uniwersalny " + utctime); Opis poszczególnych linii kodu 7: Przechowanie bieżącej daty w zmiennej now za pomocą wbudowanego obiektu Date() 8: Przechowanie lokalnego czasu w zmiennej localtime 9: Przechowanie uniwersalnego czasu w zmiennej utctime 3

Etykieta ta nakazuje przeglądarce traktowanie następnych linii jako kodu skryptu, aż do etykiety po którym następuje dalsza część skryptu HTML Przykład 2.

4 10: Wypisanie lokalnego czasu 11: Wypisanie wolnej linii 12: Wypisanie uniwersalnego czasu Przykład 3.2 Wyświetlanie daty i godziny (2) 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: <TITLE>DATA I CZAS</TITLE> now = new Date(); godzina = now.gethours(); minuta = now.getminutes(); sekunda = now.getseconds(); rok = now.getfullyear(); miesiac = now.getmonth(); dzien = now.getdate(); dzientygodnia = now.getday(); document.write(""); document.write(godzina + ":" + minuta + ":" + sekunda); document.write(" "); document.write(rok+" "+miesiac+" "+dzien+" "+dzientygodnia); document.write(""); Opis poszczególnych linii kodu 7: Przechowanie bieżącej daty w zmiennej now za pomocą wbudowanego obiektu Date() 8: Przechowanie bieżącej godziny w zmiennej godzina 9: Przechowanie bieżącej minuty w zmiennej minuta 10: Przechowanie bieżącej sekundy w zmiennej sekunda 11: Przechowanie bieżącego roku w zmiennej rok 12: Przechowanie bieżącego miesiąca w zmiennej miesiąc 13: Przechowanie bieżącego dnia miesiąca w zmiennej dzien 14: Przechowanie bieżącego dnia tygodnia w zmiennej dzien 15: Ustawienie wielkości czcionki 16: Wypisanie aktualnej godziny postaci h:m:s (godzina, minuta, sekunda) 17: Wypisanie wolnej linii 18: Wypisanie aktualnej daty postaci y:m:d:wd (rok, miesiąc, dzień miesiąca, dzień tygodnia) Przykład 3.3 Wyświetlanie daty i godziny (3) 1: 2: 3: 4: 5: 6: 7: <TITLE>DATA I CZAS</TITLE> now = new Date(); 4

getminutes(); sekunda = now.getseconds(); rok = now.getfullyear(); miesiac = now.getmonth(); dzien = now.getdate(); dzientygodnia = now.getday(); document.write("<b><font SIZE='4'>"); document.

5 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 35: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: godzina = now.gethours(); minuta = now.getminutes(); sekunda = now.getseconds(); rok = now.getfullyear(); miesiac = now.getmonth(); dzien = now.getdate(); dzientyg = now.getday(); document.write(""); // wyświetlanie godziny document.write(godzina +":"); if(minuta<=9) document.write("0"+minuta+":"); else document.write(minuta+":"); if(sekunda<=9) sekunda="0"+sekunda; document.write(sekunda); document.write(" "); //wyświetlanie daty switch(miesiac) case 0: m="styczeń"; break; case 1: m="luty"; break; case 2: m="marzec"; break; case 3: m="kwiecień"; break; case 4: m="maj"; break; case 5: m="czerwiec"; break; case 6: m="lipiec"; break; case 7: m="sierpień"; break; case 8: m="wrzesień"; break; case 9: m="październik"; break; case 10: m="listopad"; break; case 11: m="grudzień"; break; switch(dzientyg) case 1: d="poniedziałek"; break; case 2: d="wtorek"; break; case 3: d="środa"; break; case 4: d="czwartek"; break; case 5: d="piątek"; break; case 6: d="sobota"; break; case 0: d="niedziela"; break; document.write(d + ", " + dzien + " " + m + " " + rok + " r."); document.write(""); 5

getday(); document.write("<b><font SIZE='4'>"); // wyświetlanie godziny document.write(godzina +":"); if(minuta<=9) document.write("0"+minuta+":"); else document.

6 Opis poszczególnych linii kodu 19-26: Dopisanie za pomocą instrukcji warunkowej 0 na początku zmiennej przechowującej liczbę minut, gdy liczba minut jest mniejsza lub równa : Dopisanie za pomocą instrukcji warunkowej 0 na początku zmiennej przechowującej liczbę sekund, gdy liczba sekund jest mniejsza lub równa : Zamiana za pomocą instrukcji wyboru liczby określającej miesiąc (od 0 - Styczeń do 11 - Grudzień) na nazwę miesiąca 49-58: Zamiana za pomocą instrukcji wyboru liczby określającej dzień tygodnia (od 0 - Niedziela do 6 - Sobota) na nazwę dnia tygodnia 59: Wypisanie aktualnej daty w formacie: dzień tygodnia, dzień_miesiąca nazwa_miesiąca rok 6

Zamiana za pomocą instrukcji wyboru liczby określającej miesiąc (od 0 - Styczeń do 11 - Grudzień) na nazwę miesiąca 49-58: Zamiana za pomocą instrukcji wyboru liczby

Podobne dokumenty

JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.

IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript