TI 312[01]
Spis treści 1. Wiadomości ogólne... 3 2. Wstawianie skryptów do dokumentów HTML... 3 Przykład 2.1 Przykładowa implementacja skryptu JavaScript w dokumencie HTML... 3 3. 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)... 4 2
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("<b>czas lokalny </B>" + localtime); document.write("<br />"); document.write("<b>czas uniwersalny </B>" + 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
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("<b><font SIZE='4'>"); document.write(godzina + ":" + minuta + ":" + sekunda); document.write("<br />"); document.write(rok+" "+miesiac+" "+dzien+" "+dzientygodnia); document.write("</font></b>"); 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
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("<b><font SIZE='4'>"); // 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("<br />"); //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("</font></b>"); 5
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 9 17-30: Dopisanie za pomocą instrukcji warunkowej 0 na początku zmiennej przechowującej liczbę sekund, gdy liczba sekund jest mniejsza lub równa 9 34-48: 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