Javascript

Основи

Предмет:
Интернет технологии, вежби
Наставник:
Доц. Д-р. Иван Краљевски
Асистент:
М-р Славчо Чунгурски
Javascript и Java
- Различни јазици
- Javascript го поддржува поголемиот дел од синтаксата
на Java, како и основните контролни структури
- Javascript поддржува функции, без некои посебни
декларативни потреби
- Javascript нуди програмерски алатки на поширока
аудиенција, поради својата проста синтакса, вградени
функции, и минимални потреби за креирање на објекти
- Javascript и Java се case-sensitive јазици
- Препорачливо е да се користи camelCase конвенција
за именување на функции и променливи

Javascript: Основи
Вгнездување на Javascript во
HTML код
Три начина:
- преку Javascript датотека (.js)
- преку директно вгнездување на
скрипта во HTML код
- преку однесувањата на елементите т.е.
EventHandler

Javascript: Основи
Вгнездување на Javascript во
HTML код
Преку Javascript датотека (.js)
- Скриптите се пишуваат во .js датотека
- Датотеката се вметнува во HTML кодот со
<script language="JavaScript" src="datoteka.js">
- Овој начин овозможува модуларност т.е.
дозволува користење на исти скрипти во повеќе
HTML датотеки

Javascript: Основи
Вгнездување на Javascript во
HTML код
Преку директно вгнездување на скрипта во HTML
- Скриптите се пишуваат во <SCRIPT> таг
- Локацијата на <SCRIPT> тагот е произволна т.е.
може да се најде во заглавјето или било каде во
телото на страницата
Пример:
<script language=“Javascript”>
function Poraka()
{
alert(‘Порака’);
}
</script>
Javascript: Основи
Вгнездување на Javascript во
HTML код
Преку EventHandler:
-Кај однесувањата на HTML елементите, покрај
тоа што може да се повика скрипта од веќе
вметнатите преку другите два начина, може и
директно да се напише javascript код
Пример:
<a href=“#“ onClick="alert(‘Dobredojdovte!!!');">Klik</a>

Javascript: Основи
Скриптирање на однесувања
Скриптирање на Event Handler-и е едноставно.
Треба само да се познати командите onClick,
onMouseOver и слично.
Event Handler-ите се наоѓаат во тагови како што
се <IMG>,<A> или пак елементите на формите.

Пример:
<INPUT TYPE="button" VALUE=“Назад"
onClick="history.go(-1); return true;">

Javascript: Основи
Оператори
+ - собирање (a+b)
- - одземање (a-b)
* - множење (a*b)
/ - делење (a/b)
% - остаток при целобројно делење (a%b)
++ - инкремент
= - доделување на вредност

Javascript: Основи
Логички оператори
& - Логичко И по битови
&& - Логичко И
| - Логичко ИЛИ по битови
|| - Логичко ИЛИ
~ - Логичка негација по битови
! – Логичка негација

Javascript: Основи
Споредбени оператори
< - помало
<= - помало или еднакво
> - поголемо
>= - поголемо или еднакво
== - еднакво
!== - различно

Javascript: Основи
Функции
Декларација на функции:
function <imenafunkcija>(parametri)
{ teloNaFunkcija
}
Пример:
function soberi(a,b)
{
soberi = a + b;
}
Javascript: Основи
Интерактивност
alert(‘Poraka’); - порака
confirm(‘Prasanje’); - прашање (OK и Cancel)
prompt(‘Vlez’); - прашање со влезно поле

Пример:
alert(‘Добредојдовте на страницата на ЕУРМ’);
dali = confirm(‘Дали сте сигурни?’);
ime = prompt(‘Внесете го Вашето име?’);

Javascript: Основи
Контролни структури
if (<uslov>)
{…}
else
{ … };

Пример:
if (confirm(‘Дали сте сигурни?’)==true)
{alert(‘Сигурен сте...’); }
else
{pricina = prompt(‘А зошто?’);};
Javascript: Основи
Контролни структури
for (<promenliva>; <uslov>; <operacija>)
{
}; - како во C

Пример:
for(var i;i<15;i++)
{
k = k * i;
};
Javascript: Основи
Контролни структури
do
{
} while (<uslov>);

Пример:
var i=1;
do
{ k = k * i;
i = i + 1;
} while (i<15);
Javascript: Основи
Контролни структури
while (<uslov>)
{
};

Пример:
var i=1;
while (i<15)
{ k = k * i;
i = i + 1;
}
Javascript: Основи
Контролни структури
switch (<promenliva>)
case <vrednost1>:{
};
case <vrednost2>:{
};
…
default:{
};

Javascript: Основи
Различни примери
document.write('tekst'); - испишува tekst на местото кај
се вметнува скриптата

k = document.form1.ime.value; - на k му ја доделува
вредноста внесена во полето ime од формата form1

window.open('http://www.on.net.mk';'_blank'); - во нов
прозорец ја отвара адресата http://www.on.net.mk

form1.submit(); - ја проследува формата form1

Javascript: Основи