Ćwiczenie 8
Java Script
1. Zapoznać się z klasami (pola i metody) predefiniowanymi w języku JavaScript:
window, frame, location, document, form, text, textarea, checkbox, radio, select, button, password, navigator, string, date, math.
http://www.poradnik-webmastera.com/kursy/javascript/
http:/www.w3schools.com/js/
http://www.javascriptsource.com/
https://developer.mozilla.org/pl/docs/Przewodnik_po_j%C4%99zyku_JavaScript_1.5
2. Zapoznać się z działaniem poniższych skryptów:
Skrypt 1. Wyświetlanie aktualnego czasu.
<HEAD>
<script language="javascript">
<!--
var timer = null;
var timerRunning = false;
function stopclock()
{
if(timerRunning)
clearTimeout(timer)
timerRunning = false;
}
function startclock()
{
stopclock();
showtime();
}
function showtime()
{
var now = new Date();
var godz = now.getHours();
var min = now.getMinutes();
var sek = now.getSeconds();
var Value = "" + godz;
Value += ((min < 10) ? ":0" : ":") + min;
Value += ((sek < 10) ? ":0" : ":") + sek;
document.clock.place.value = Value;
timer = setTimeout("showtime()",1000);
timerRunning = true;
}
//-->
</script>
</HEAD>
<BODY>
<form name="clock" onSubmit="0">
<input type="text" name="place" size="8">
</form>
<script>startclock();</script>
</BODY>
-----------------------------------------
Skrypt 2. Zastosowanie tablicy - wyświetlenie komentarza do aktualnej daty:
<script language="javascript">
<!--
var dzien = new Array(7);
dzien[0] = "Mamy niedzielę, czas na odpoczynek";
dzien[1] = "Zaczyna się kolejny wspaniały tydzień";
dzien[2] = "Jest wtorek. Czy dzisiaj dzień będzie równie udany, jak wczoraj?";
dzien[3] = "Mamy środek tygodnia";
dzien[4] = "Szczęśliwy dzień, czwartek";
dzien[5] = "Jest piątek - tygodnia koniec i początek";
dzien[6] = ".. i wreszcie weekend";
function Wypisz()
{
dzis = new Date();
document.write(dzien[dzis.getDay()]);
}
//-->
</script>
Pomiędzy znacznikami <BODY></BODY> wkleić kod:
<script language="javascript">
<!--
Wypisz();
//-->
</script>
-----------------------------------------
Skrypt 3. Wyświetlenie daty w określonym formacie:
<script language="javascript">
<!--
function showdate()
{
var now = new Date()
var day = now.getDate()
var mon = now.getMonth()
var year = now.getYear()
Value = "" + day
Value += ((mon < 10) ? "/0" : "/") + mon
Value += ((year >= 0 && year < 100 ) ? '/19' : '/' ) + year
document.write(Value);
}
//-->
</script>
Poniższy tekst należy wkleić między znacznikami <BODY></BODY>:
<p>Dzisiaj jest <SCRIPT language="javascript">showdate();</SCRIPT></p>
------------------------------------------------------------
Skrypt 4. Definiowanie własnych funkcji do obliczeń matematycznych. Zastosowanie obiektu window do wyświetlenia wyniku.
<SCRIPT LANGUAGE="JavaScript">
<!--
function kwadrat(liczba)
{
wynik = liczba * liczba;
return wynik; /* zwrócenie wartości */
}
function oblicz() /* niby procedura */
{
liczba2 = 3 * kwadrat(2);
window.alert("Potrojony kwadrat liczby 2 wynosi " + liczba2);
}
//-->
</SCRIPT>
W sekcji <BODY> </BODY> należy umieścić np. taki znacznik:
<IMG SRC="obrazek.gif" ALT="Kliknij mnie" onClick="oblicz()">
Na zaliczenie zajęć:
Napisać 3 skrypty przydatne na stronie którą tworzymy:
a) zawierające przynajmniej 10 instrukcji każdy,
b) zawierające przynajmniej jedną funkcję każdy,
c) prezentujące zastosowanie co najmniej 4 z obiektów: window, frame, location, document, navigator, string, math języka JavaScript,
d) używające polskich nazw zmiennych.
2014-04-14 T. Wiśniewska
TECHNIKI INTERNETOWE - laboratorium
INFORMATYKA III rok
studia stacjonarne I stopnia
sem. letni r. a. 2013/2014