Scribd Logo
Upload

Welcome to Scribd!

  • cas4 - 01IzmenaИмплементација Вежбе

    Uploaded by

    kikiriki
    5 views4 pages

    Original Title

    cas4_01IzmenaИмплементација Вежбе (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views4 pages

    cas4 - 01IzmenaИмплементација Вежбе

    Uploaded by

    kikiriki

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Имплементација JavaScript кода у HTML

    Да би смо писали JavaScript код у HTML-у, треба нам скрипт елемент.


    Постоји више начина да се JavaScript кôд угради у HTML:

     Између тагова <script> и </script>,


     укључивањем кода са екстерног извора,
     такође и кроз процедуру за обраду догађаја, али о овоме ће бити више речи неки други
    пут.
    1. Имплементација JavaScript кода између тагова <script> и </script>
    У Хтмл-у, ЈаваСкрипт код се убацује између <script> и </script> тагова на следећи начин:

    <script>
    // неки ЈаваСкрипт код
    </script>

    Овакво декларисање тагова за JavaScript функционисаће без проблема у HTML 5 документима, јер
    се од ове верзије JavaScript сматра подразумеваним скрипт језиком на страни. Како бисмо били
    сигурни да ће кôд радити и у ранијим верзијама HTML-a постављамо атрибут type:

    <script type="text/javascript"></script>

    ЗАДАТАК 1:
    1. Написати следећи ХТМЛ код у Notepad-u или неком другом текст едитору:

    <!DOCTYPE html>
    <html>

    <head>
    <title>First page</title>
    </head>

    <body>
    <script type="text/javascript">
    alert('Hello!');
    </script>
    </body>
    </html>
    2. Сачувати написани кôд као .html фајл
    3. Покренемо га у browseru

    РЕШЕЊЕ:
    Добићемо приказ као на слици у наставку:

    Линија:
    alert('Hello!');
    представља део JavaScript кода који приказује прозор са поруком која је наведена под
    наводницима и ОК дугметом.

    ЗАДАТАК 2:
    JavaScript код можемо Script таговима додати колико желимо пута.

    1. Написати следећи ХТМЛ код у Notepad-u или неком другом текст едитору:
    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" >
    document.write("JavaScript - HEAD"); //
    </script>
    </head>

    <body>
    <h1>Some text 1</h1>
    <script type="text/javascript" >
    document.write("JavaScript - BODY 1");
    </script>
    <p>Some text 2</p>
    <script type="text/javascript" >
    document.write("JavaScript - BODY2");
    </script>

    <p>End of Document</p>
    </body>
    </html>
    2. Сачувати написани кôд као .html фајл
    3. Покренемо га у browseru
    РЕШЕЊЕ:
    Овај кôд ће бити прочитан по реду на којем је и записан у коду и резултат на страни ће бити:

    Део JavaScript кода: document.write("JavaScript – HEAD");


    служи за исписивање текста наведеног под наводницима на страни.
    Као што видимо у задатку, скрипт тагове можемо ставити и у <body> и у <head> секцију ХТМЛ
    стране. Или само у <head>. Или само у <body> секцију али треба знати да није препоручљиво у
    <head> делу постављати неки JavaScript кôд који исписује нешто на страни, већ је пожељније то
    радити унутар <body> Тага и то на самом крају, после свих елемената.

    2. Укључивање JavaScript кода са екстерног извора


     JavaScript код такође, може бити смештен у екстерни (спољни, који није ХТМЛ) фајл.
     Екстерни ЈАваСкрипт фајл је користан када исти код користимо на више веб страна.
     ЈаваСкрипт фајлови имају екстензију .js
     Таг < script > подржава атрибут src, којим можемо да дефинишемо URL (путању) датотеке
    која садржи кôд који нам је на тој страници потребан.

    Да би могли да користимо екстерни ЈаваСкрипт фајл , ставимо име тог ЈаваСкрипт фајла у src
    (source) атрибут < script > тага.

    ЗАДАТАК 3:

    1. Направити фолдер на хард дику (или десктопу) под називом ЗАДАТАК 3.


    2. Отвирити Notepad++ и у њему написати следећу линију кода:
    alert('Hello');
    3. Запамтити овај фајл под називом popup.js у фолдеру који смо направили а зове се ЗАДАТАК 3
    4. Направити још један фајл у Notepad++ и назвати га: index.html и запамтити га у истом
    фолдеру као и popup.js фајл (у фолдеру ЗАДАТАК 3)
    5. Унутар тог документа написати следећи кôд:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page 1</title>
    </head>
    <body>
    <script type="text/javascript" src="popup.js"></script>
    </body>
    </html>
    Коришћењем атрибута src укључујемо екстерни фајл под називом popup.js, који треба да креирамо
    у истом фолдеру у ком смо креирали и index.html.
    6. Покрените index.html у браузеру и уочићемо да је кôд са екстерног фајла извршен.

     Екстерни ЈаваСкрипт фајл можете ставити и у <head> и у <body> секцију (наравно у оквиру
    скрипт тагова).

     Екстерни ЈаваСкрипт фајл не може садржати скрипт тагове.

    ПРЕДНОСТ ЕКСТЕРНИХ ЈАВАСКРИПТ ФАЈЛОВА

    1. Раздаваја се ХТМЛ од ЈаваСкрипт кода


    2. Тако чинимо да се ХТМЛ и ЈаваСкрипт кодови лакше читају и одржавају
    3. Убрзава се учитавање страна

    Да би додали неколико екстерних ЈаваСкрипт фајлова на једној веб страни, користићемо неколико
    скрипт тагова:
    <script src = “myScript1.js”></script>
    <script src = “myScript2.js”></script>

    ЕКСТЕРНО РЕФЕРЕНЦИРАЊЕ
    Уколико се Екстерни ЈаваСкрипт фајл не налази у истом фолдеру као и ХТМЛ фајл из којег га
    позивамо, тада је потребно референцирати такав екстерни ЈаваСкрипт фајл са пуном URL.

    ПРИМЕР:

    <script src = “https//w3schools.com/js/myScript1.js”></script>

    ДОМАЋИ ЗАДАТАК

    1. Направи фолдер који се зове: Домаћи задатак


    2. На исти начин као у задатку 3, помоћу екстерног ЈаваСкрипт фајла, исписати на веб страни
    следеће: JavaScript – EKSTERNO.
    3. То ћете урадити на апсолутно исти начин као у задатку 3, осим што ћете у фајлу popup.js umesto
    alert('Hello'); уписати: document.write("JavaScript – EKSTERNO");

    You might also like