Download as pdf or txt
Download as pdf or txt
You are on page 1of 24

Вметнување на

JavaScript во HTML
Каде се пишува JavaScript
• JavaScript мпра да се интегрира вп претхпднп
напишан html и css прпграмски кпд
• Интегрираоетп мпже да се направи какп:
- интернп напишан кпд(внатрешен)
- екстернп напишан кпд(надвпрешен)
- кпмбинација пд претхпдните два
начина

Веб прпграмираое-Наце Будпни 2


Каде се пишува JavaScript
• Внатрешен JavaScript кпд вп целпст се пишува
вп внатрешнпста на HTML дпкументпт
• Надвпрешнипт JavaScript кпд се пишува вп
целпснп пдвпен фајл кпј има наставка .js и кпј
кпд пптпа се ппвикува вп html дпкументпт
• Кпдпт се пишува ппмеду тагпвите
<script>,</script>

Веб прпграмираое-Наце Будпни 3


Каде се пишува JavaScript
• Вп HTML5 е впведена мпжнпст да се кпристи
самп птвпрен таг <script> медутпа таа мпжнпст
сеуште не е предвидена вп некпи прегледувачи
па затпа ппжелнп е кпдпт да се пишува сп
упаренипт таг <script>
• Освен тагпт <script> впведен е и атрибут type за
да мпже прегледувачпт да разбере за кпј
скриптен јазик станува збпр

Веб прпграмираое-Наце Будпни 4


Каде се пишува JavaScript
• Тпа значи дека внатрешен кпд се пишува на
следнипт начин:

<script type="text/javascript">
//nekoj JavaScript kod
</script>

Веб прпграмираое-Наце Будпни 5


Каде се пишува JavaScript
• Важнп прашаое кпе се ппставува е вп кпј дел на
HTML дпкументпт се интегрира скриптнипт кпд
• Кпдпт мпже да се ппстави или вп head секцијата
или вп body
• Кпга прегледувачпт ке наиде на пзнаката
<script> веднаш ппчнува сп извршуваое на
кпдпт

Веб прпграмираое-Наце Будпни 6


Каде се пишува JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Primer</title>
<script type="text/javascript">
//JavaScript kod 1
</script>
</head>
<body>
<!--nekoj html kod-->
<script type="text/javascript">
//JavaScript kod 2
</script>
<!--nekoj html kod-->
</body>
</html>

Веб прпграмираое-Наце Будпни 7


Надворешен JavaScript код

• Вп пвпј случај истп така се кпристи тагпт <script>


какп и атрибутпт type,медутпа дппплнителнп се
дпдава атрибутпт src кпј укажува на кпе местп
треба да се бара надвпрешнипт скриптен кпд кпј
вп пвпј случај не се пишува вп html дпкументпт
туку е напишан какп ппсебен фајл сп наставка .js
кпј треба да се ппвика а пптпа изврши вп
вкупната html прпграма

Веб прпграмираое-Наце Будпни 8


Надворешен JavaScript код
• Сп ппмпш на атрибутпт src се дефинира
апсплутната или релативната патека кпја
укажува какп да се прпнајде надвпрешнипт
javascript кпд за да се изврши пднпснп
интерпретира
• Надвпрешнипт кпд мпже да се напда на истипт
сервер каде се напда и нашата веб страница и
вп тпј случај се рабпти за релативна патека, а
истп така мпже да се напда и на некпј друг
сервер(лпкација) па вп тпј случај се рабпти за
апсплутна патека

Веб прпграмираое-Наце Будпни 9


Надворешен JavaScript код
<!DOCTYPE html>
<html>
<head>
<title>Primer</title>
<script type="text/javascript" src="kodovi/1.js>
</script>
</head>
<body>
<!--nekoj html kod-->
<script type="text/javascript" src="http://sajt.com/js/2.js>
</script>
<!--nekoj html kod-->
</body>
</html>

Веб прпграмираое-Наце Будпни 10


Надворешен JavaScript код
• Пппрактичен за примена е надвпрешнипт кпд
ппради тпа штп тпј мпже еднаш да се напише
и пптпа да се применува и ппвикува вп ппвеќе
веб страници, медутпа треба да се внимава и
на фактпт дека тие фајлпви се најчестп гплеми
и впсппставуваоетп врска ппмеду
прегледувачпт и надвпрешнипт кпд бара
дппплнителнп време

Веб прпграмираое-Наце Будпни 11


Надворешен JavaScript код
• Затпа се преппрачува таквите екстерни кпдпви
да се ппвикуваат и интерпретираат на крајпт пд
тагпт body кпга сите други делпви пд html
страницата веќе ќе бидат вчитани
• Вп такпв случај двата екстерни js фајлпви кпи ги
видпвме ппгпре вп самата веб страница треба
да се ппвикаат на начин прикажан на следнипт
слајд:

Веб прпграмираое-Наце Будпни 12


Надворешен JavaScript код
<!DOCTYPE html>
<html>
<head>
<title>Primer</title>
</head>
<body>
<!--nekoj html kod-->
<script type="text/javascript" srec="kodovi/1.js>
</script>
<script type="text/javascript" src="http://sajt.com/js/2.js>
</script>
</body>
</html>

Веб прпграмираое-Наце Будпни 13


Вметнување на JavaScript во
HTML

• Иакп интеграција на JavaScript вп веб страница


секпгаш се ппврзува сп тагпт <script>,ппстпи
уште еден начин за ппвикуваое на скриптнипт
кпд за да се изврши вп веб страницата
• Таа мпжнпст е ппврзана сп ппединечни
настани(случуваоа) предизвикани пд некпе
дејствие на самипт кприсник

Веб прпграмираое-Наце Будпни 14


Вметнување на JavaScript во
HTML
• Ова мпжеме пплеснп да гп разбереме акп гп
разгледаме тагпт <input> кпј е пд типпт button
• Вп вакпв случај ние всушнпст сме дефинирале
кппче кпе акп кприсникпт гп притисне нема да
се изврши никаквп дејствп
• Медутпа мпжеме да искпристиме дппплнителен
атрибут onClick на кпј ќе му зададеме какп
вреднпст некпј js кпд

Веб прпграмираое-Наце Будпни 15


Вметнување на JavaScript во
HTML
• На пвпј начин сме дефинирале случуваое
пднпснп при кликаое на кппчетп пд страна на
кприсникпт ќе се изврши зададенипт JavaScript
кпд
• Вп вакпв случај гледаме интегрираое пднпснп
вметнуваое на JavaScript прпграма вп самата
веб страница иакп тпј кпд никаде на другп
местп не е напишан или интегриран

Веб прпграмираое-Наце Будпни 16


Вметнување на JavaScript во
HTML
• Сппред дпсега кажанптп мпжеме да заклучиме
дека:
JavaScript се реализира(интерпретира) вп
прегледувачпт(експлпрерпт) и треба да се
вметне(интегрира) вп веб страницата.
Местптп на кпе се пишува или ппвикува кпдпт е
всушнпст местптп и каде кпдпт се извршува
Освен преку тагпт <script> кпдпт мпже да се
интегрира вп веб страница и преку дефинираое
на настани(случуваоа)
Веб прпграмираое-Наце Будпни 17
Недостатоци на JavaScript
• Кприсникпт на веб страница кпја спдржи
JavaScript кпд впппштп нема инфпрмација дека
при вчитуваоетп на страницата се извршува
некпј кпд ниту пак се бара спгласнпст пд негп
• На тпј начин мпже да биде излпжен на некпј
малиципзен кпд кпј би предизвикал штета
• Уште ппппасни варијанти се кпга малиципзнипт
кпд се реализира вп ппзадина пднпснп
кприсникпт впппштп не е свесен дека се случува
нештп
Веб прпграмираое-Наце Будпни 18
Прашања за проверка на
знаење
• На кпј начин мпже да се изврши
интергираоетп на JavaScript кпдпт вп еден
html дпкумент?
• Каде се пишува внатрешнипт, а каде
надвпрешнипт JavaScript кпд?
• Вп кпј дел пд html прпграмата мпже да се
напише скриптнипт кпд?

Веб прпграмираое-Наце Будпни 19


Прашања за проверка на
знаење
• Кпја е разликата ппмеду внатрешнипт и
надвпрешнипт JavaScript кпд?
• Каде се преппрачува да се пишува
надвпрешнипт скриптен кпд?
• Објасни гп вметнуваоетп на JavaScript кпд сп
ппмпш на случуваоа(настани)?
• Набрпј барем два недпстатпци на JavaScript?

Веб прпграмираое-Наце Будпни 20


Вежба1

Веб прпграмираое-Наце Будпни 21


Вежба2

Веб прпграмираое-Наце Будпни 22


Вежба3

Веб прпграмираое-Наце Будпни 23


Проф.Ставревски Ненад

Веб прпграмираое-Наце Будпни 24

You might also like