Java Script - ćwiczenia.pdf - Java - grzegorz0404

Spis TreŰci

SPIS TREĺCI .......................................................................................................................................................................1

ROZDZIAý 1 . PODSTAWY...............................................................................................................................................3

C ZYM JEST J AVA S CRIPT ?....................................................................................................................................................................... 3

J AVA S CRIPT A J AVA .............................................................................................................................................................................. 3

C O NAM BĦDZIE POTRZEBNE ?................................................................................................................................................................ 4

ROZDZIAý 2 . PIERWSZE SKRYPTY.............................................................................................................................5

Z NACZNIK <SCRIPT>........................................................................................................................................................................... 5

I NSTRUKCJA DOCUMENT . WRITE ............................................................................................................................................................. 5

K OMENTARZE ........................................................................................................................................................................................ 7

Komentarz HTML ............................................................................................................................................................................. 7

Komentarz typu //.............................................................................................................................................................................. 7

Komentarz blokowy........................................................................................................................................................................... 8

Znacznik <NOSCRIPT>................................................................................................................................................................... 8

F ORMATOWANIE TEKSTU ....................................................................................................................................................................... 9

O KNO DIALOGOWE .............................................................................................................................................................................. 11

ROZDZIAý 3 . ELEMENTY JĦZYKA JAVASCRIPT..................................................................................................13

T YPY DANYCH J AVA S CRIPT ................................................................................................................................................................. 13

Typ liczbowy ................................................................................................................................................................................... 13

WartoĻci logiczne............................................................................................................................................................................ 14

ýaıcuchy znakw............................................................................................................................................................................ 14

WartoĻę NULL ................................................................................................................................................................................ 14

Z MIENNE .............................................................................................................................................................................................. 14

W PROWADZANIE DANYCH ................................................................................................................................................................... 15

I NSTRUKCJE WARUNKOWE ................................................................................................................................................................... 17

O PERACJE NA ZMIENNYCH ................................................................................................................................................................... 18

Operacje arytmetyczne.................................................................................................................................................................... 18

Operacje na bitach.......................................................................................................................................................................... 20

Operacje przypisania...................................................................................................................................................................... 20

Operacje logiczne i porwnania..................................................................................................................................................... 21

Operacje na þaıcuchach znakw .................................................................................................................................................... 21

I NSTRUKCJA PRZETWARZANIA WARUNKOWEGO .................................................................................................................................. 22

P ĦTLE .................................................................................................................................................................................................. 26

Pħtla for .......................................................................................................................................................................................... 26

Pħtla while ...................................................................................................................................................................................... 29

ROZDZIAý 4 . OBIEKTY I FUNKCJE...........................................................................................................................30

F UNKCJE .............................................................................................................................................................................................. 30

R EKURENCJA ....................................................................................................................................................................................... 31

O BIEKTY .............................................................................................................................................................................................. 34

ýaıcuchy znakw (obiekt string) .................................................................................................................................................... 36

Obiekt Math .................................................................................................................................................................................... 38

Obiekt Date..................................................................................................................................................................................... 40

Obiekt document ............................................................................................................................................................................. 43

Obiekt window ................................................................................................................................................................................ 45

ROZDZIAý 5 . ZDARZENIA I FORMULARZE...........................................................................................................48

Z DARZENIA ON L OAD I ON U NLOAD ...................................................................................................................................................... 48

Z DARZENIA ZWIġZANE Z MYSZġ ......................................................................................................................................................... 50

F ORMULARZE ...................................................................................................................................................................................... 52

E LEMENTY FORMULARZY .................................................................................................................................................................... 56

Element button................................................................................................................................................................................ 57

Element checkbox............................................................................................................................................................................ 57

Element hidden................................................................................................................................................................................ 58

Element radio.................................................................................................................................................................................. 59

Element reset................................................................................................................................................................................... 60

Element select ................................................................................................................................................................................. 61

Element text..................................................................................................................................................................................... 62

Element textarea ............................................................................................................................................................................. 63

W YKORZYSTANIE FORMULARZY I ZDARZEİ ........................................................................................................................................ 64

ROZDZIAý 6 . OKNA, RAMKI I CIASTECZKA..........................................................................................................69

O KNA ................................................................................................................................................................................................... 69

R AMKI ................................................................................................................................................................................................. 72

C IASTECZKA , CZYLI COOKIES .............................................................................................................................................................. 74

JavaScript. Ěwiczenia praktyczne

RozdziaĀ 1.

Podstawy

Czym jest JavaScript?

JavaScript tak naprawdħ narodziþ siħ w firmie Netscape jako LiveScript, jħzyk skryptowy rozszerzajĢcy standardowy HTML

m.in. o moŇliwoĻę interakcji z uŇytkownikiem przeglĢdajĢcym stronħ. Nieco pŅniej doszþo do porozumienia miħdzy

firmami Netscape i Sun Microsystems, w wyniku ktrego pod koniec 1995 roku Ļwiatþo dzienne ujrzaþ JavaScript. Jħzyk ten

umoŇliwia tworzenie zagnieŇdŇonych bezpoĻrednio w kodzie HTML krtkich programw, ktre potrafiĢ rozpoznaę i

odpowiednio zareagowaę na zdarzenia powodowane przez uŇytkownika. Zdarzenia te to np. klikniħcie myszĢ, wypeþnianie

formularza, czy nawigowanie miħdzy stronami. Przykþadowo, moŇna stworzyę skrypt, ktry bħdzie sprawdzaþ poprawnoĻę

danych wprowadzonych przez uŇytkownika do formularza (np. czy wprowadzajĢc jakĢĻ datħ, nie przekroczyliĻmy

dopuszczalnej liczby dni w danym miesiĢcu) i ktry bħdzie informowaþ o ewentualnym bþħdzie. Sprawdzenie takie

odbywaę siħ bħdzie na komputerze przeglĢdajĢcego stronħ, nie nastĢpi wiħc koniecznoĻę dodatkowej transmisji danych w

sieci. Sprawdzaniem danych nie bħdzie musiaþ teŇ zajmowaę siħ serwer.

JavaScript a Java

JavaScript, jak sama nazwa wskazuje, ma sporo wsplnego z jħzykiem programowania Java, opracowanym w firmie Sun

Microsystems. Niemniej nie naleŇy tych dwch jħzykw mylię. Przede wszystkim zostaþy one stworzone do zupeþnie rŇnych

celw. Java to wywodzĢcy siħ m.in. z C++ w peþni obiektowy jħzyk programowania, za pomocĢ ktrego moŇna tworzyę

skomplikowane aplikacje niezaleŇne od platformy sprzħtowej. JavaScript jest interpretowanym jħzykiem skryptowym,

sþuŇĢcym do tworzenia niewielkich programw rozszerzajĢcych moŇliwoĻci HTML-u w zakresie opisu stron WWW. Krtkie

zestawienie najwaŇniejszych cech Javy i JavaScript znajduje siħ w tabeli 1.1.

Tabela 1.1. Podstawowe rŇnice pomiħdzy jħzykami Java a JavaScript

JavaScript

Java

Jħzyk interpretowany na komputerze klienta

Jħzyk kompilowany do tzw. b-kodu,

wykonywanego nastħpnie za pomocĢ wirtualnej

maszyny Javy na komputerze klienta

Jħzyk oparty na predefiniowanych obiektach,

niepozwalajĢcy jednak na stosowanie mechanizmw

programowania obiektowego jak np. dziedziczenie

Jħzyk zorientowany obiektowo z obsþugĢ

wszystkich mechanizmw obiektowoĻci

Kod programu jest zagnieŇdŇony w kodzie HTML Kod programu jest niezaleŇny od kodu HTML

i znajduje siħ w oddzielnych plikach

Zmienne i ich typ nie muszĢ byę deklarowane przed

uŇyciem

Zmienne i ich typ muszĢ byę zadeklarowane

przed ich uŇyciem w programie

Odwoþania do obiektw i funkcji sĢ wykonywane

podczas uruchamiania programu

Wszystkie odwoþania do obiektw i funkcji sĢ

sprawdzane na etapie kompilacji

Ze wzglħdw bezpieczeıstwa nie ma moŇliwoĻci

zapisu na dysk twardy

Ze wzglħdw bezpieczeıstwa aplety,

(w przeciwieıstwie do aplikacji) nie majĢ

moŇliwoĻci zapisu na dysk twardy

Co nam bĶdzie potrzebne?

Przede wszystkim dobre chħci. Oprcz tego Ňadne specjalne narzħdzia nie bħdĢ przydatne. Musimy oczywiĻcie mieę

zainstalowanĢ przeglĢdarkħ WWW. Najlepiej Microsoft Internet Explorer lub Netscape Navigator. Nie muszĢ to byę

najnowsze wersje, niemniej jednak nie niŇsze niŇ 3.0.

Do pisania samego kodu potrzebny bħdzie dowolny, najprostszy edytor tekstowy np. systemowy Notatnik. Bħdzie to nasz

warsztat pracy.

Potrzebna bħdzie teŇ przynajmniej podstawowa znajomoĻę HTML-u, nie jest natomiast konieczna znajomoĻę innych

jħzykw programowania.

JavaScript. Ěwiczenia praktyczne

RozdziaĀ 2.

Pierwsze skrypty

Na poczĢtku zajmijmy siħ klasycznym przykþadem, od ktrego zaczyna siħ wiħkszoĻę kursw programowania. Postarajmy

siħ wyĻwietlię na ekranie dowolny napis np. Jaki miþy mamy dzieı! . Aby tego dokonaę, wpierw musimy dowiedzieę

siħ, w jaki sposb umieszczaę skrypty JavaScript w kodzie HTML oraz jaka instrukcja JavaScript pozwala pisaę na

ekranie.

Znacznik <SCRIPT>

Kod JavaScript musi byę umieszczony pomiħdzy znacznikami HTML <SCRIPT>

i </SCRIPT> . Znaczniki te moŇna umieszczaę w dowolnym miejscu dokumentu, jednak przyjmuje siħ, Ňe jeŇeli jest to

tylko moŇliwe, naleŇy umieĻcię je na poczĢtku pliku HTML przed znacznikiem <BODY> .

Znacznik ten powinien zawieraę parametr LANGUAGE , ktry moŇe przyjmowaę dwie wartoĻci: LiveScript lub

JavaScript . WartoĻę LiveScript jest pozostaþoĻciĢ po wczesnych wersjach jħzyka i sþuŇy zachowaniu

kompatybilnoĻci. PowinniĻmy uŇyę wartoĻci JavaScript .

Ěwiczenie 2.1.

UmieĻę w standardowym kodzie HTML znacznik <SCRIPT> .

<HTML>

<HEAD>

</HEAD>

</SCRIPT>

<BODY>

</BODY>

</HTML>

Na listingu znajduje siħ poprawny kod HTML z zawartym znacznikiem <SCRIPT> . Jednak po wczytaniu tego pliku do

przeglĢdarki otrzymamy pustĢ stronħ. Brakuje nam instrukcji pozwalajĢcej wyĻwietlaę tekst.

Instrukcja document.write

Instrukcja document.write() pozwala na wyprowadzenie tekstu na ekran przeglĢdarki. Tekst, ktry chcemy wyĻwietlię,

naleŇy ujĢę w nawiasy i cudzysþowy i podaę zaraz za document.write() np.

document.write ("Jaki miþy mamy dzieı!")

Ěwiczenie 2.2.

Napisz skrypt wyĻwietlajĢcy tekst áJaki miþy mamy dzieı ! Ñ na ekranie przeglĢdarki.

<HTML>

<HEAD>

Java Script - ćwiczenia.pdf

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: