TECH INT lab8 2014, Studia - Politechnika Opolska, Semestr 6, Techniki Internetowe


Ć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



Wyszukiwarka