Please enable JavaScript.
Coggle requires JavaScript to display documents.
JavaScript Ćwiczenia praktyczne (OBIEKTY (TWORZENIE OBIEKTÓW ZA POMOCĄ…
JavaScript
Ćwiczenia praktyczne
Język ten umożliwia tworzenie zagnieżdżonych bezpośrednio w kodzie HTML krótkich programów, które potrafią rozpoznawać zdarzenia powodowane przez użytkownika i odpowiednio na nie reagować
document.write('COŚ');
TYPY DANYCH
typ liczbowy
string
boolean
null
undefined
OBIEKT
to coś, co może przechowywać dane i wykonywać różne operacje
Obiekt za pomocą
literalu obiektowewgo
:
var object = {
"nazwa właściwości": wartość właściwości,
};
var zmienna = nazwa obiektu.nazwa właściwości;
var zmienna = nazwa obiektu["nazwa właściwości"];
konstruktor
var object = new Object();
INSTRUKCJE WARUNKOWE
Instrukcja if...else
if (wyrażenie warunkowe) {
} else {
}
Instrukcja if... else if
if (warunek1) {
} else if (warunek2) {
} else {}
Operator warunkowy
(wyrażenie warunkowe) ? wartość1 : wartość2
Instrukcja wyboru SWITCH
switch(wyrażenie) {
case wartość1 :
instrukcja1;
break;
case wartość2:
instrukcja2;
break;
default:
instrukcja3;
}
PĘTLE
Pętle to konstrukcje służące do wykonywania powtarzających się czynności
FOR
for ( var i = 0; i < 10; i++ ) {
}
INSTRUKCJA CONTINUE
liczby pomiędzy 1 i 20 podzielne przez 2
for ( var i = 1; i <=20; I++) {
if ( (i % 2) != 0 ) {
continue;
}
document.write ( i + " " );
}
WHILE
var i = 0;
while (i++ < 10) {
}
liczby od 1 do 20, niepodzielne przez 2
var i = 1;
while( i <= 20) {
if( i%2 != 0 ) {
}
i++;
}
DO...WHILE
var i = 0;
do {
}
while(i++ < 9);
FUNKCJE
wydzielone bloki kodu przeznaczone do wykonywania określonych zadań
function nazwa_funkcji() {
// kod funkcji
}
wywołanie funkcji:
nazwa_funkcji();
Funkcja przyjmująca dwa argumenty i zwracająca wynik ich dodawania:
function dodaj(wartość1, wartość2) {
var wynik = wartość1 + wartość2;
return wynik;
}
TABLICE
Struktury danych pozwalające na przechowywanie uporządkowanego zbioru elementów
konstrukcja tablicy za pomocą literału tablicowego:
var nazwa_tablicy = [element1, element2,..., elementN];
konstruktor tablicy
new Array()
new Array(2) = utworzenie tablicy o dwóch pustych elementach
metody obiektu Array
join
- zwraca zawartość wszystkich komórek tablicy w postaci ciągu znaków
pop
- pobiera z tablicy ostatni element i równocześnie usuwa go
push
- dodaje na końcu tablicy nowy element
reverse
- odwraca kolejność komórek tablicy
shift
- pobiera i usuwa pierwszy element tablicy
unshift
- wstawia element na początku tablicy
OBIEKTY
zbiory pewnych właściwości (nazwa i wartość)
Obiekt to coś co może przechowywać dane i wykonywać różne operacje
wartości nazywa się polami, a funkcje metodami
TWORZENIE OBIEKTÓW ZA POMOCĄ LITERAŁÓW
{ "nazwa_właściwości_1": wartość_właściwości_1;}
{
nazwa_obiektu_składowego: {
właściwości obiektu składowego
}
}
{
tablica: [ wartość_1, wartość_2]
}
var zmienna = nazwa_obiektu.nazwa_właściwości;
{
nazwa_funkcji : function(argumenty) {
// treść funkcji
}
// inne składowe obiektu
}
KONSTRUKTOR TYPU OBIEKTOWEGO
var obiekt = new Object();
OBIEKTY ZWIĄZANE Z PRZEGLĄDARKĄ
WINDOW
WŁAŚCIWOŚCI:
innerheight
innerWidth
pageXOffset
pageYOffset
METODY:
alert
clearInterval
clearTimeout
confirm
print
prompt
DOCUMENT
Służy do reprezentacji wczytanego do przeglądarki dokumentu HTML
WŁAŚCIWOŚCI
document.title
document.images.length
LOCATION
location.replace('www");
DOM
Po wczytaniu dokumentu HTML przeglądarka interpretuje go i tworzy własna interpretację pozwalającą na wyświetlenie strony
tworzy DOM - o strukturze drzewa, którego węzłami są elementy tego dokumentu
wybrane właściwości:
firstChild
lastChild
nextSibling
parentNode
wybrane metody:
appendChild()
removeChild()
replaceChild()
typy węzłów:
-węzeł zawierający element HTML
atrybuty
-zawartość tekstowa