HTML и JavaScript Сценарии

HTML и JavaScript Сценарии

• HTML документите се описват и JavaScript може да добави функционалност
• HTML предоставя съдържание, логическата структура и CSS е за представяне
• JavaScript сценариите са програмен код, написан на JavaScript и вграден директно в HTML страници
• JavaScript е скриптов език от страна на клиента, който се изпълнява от браузъра
• JavaScript е интерпретиран език
• JavaScript код се изпълнява при зареждане на страницата
• JavaScript код се изпълнява в отговор на събития (напр. кликване на мишката)

Въведение в JavaScript

• Ролята на JavaScript е разширяване функционалността на уеб страниците
• Примери - валидиране на потребителски вход, интерактивни бутони, динамични ефекти, изскачащи съобщения, изчисления

История на JavaScript

• JavaScript е създаден от Netscape през 1995 г.
• Езикът е стандартизиран от ECMA

JavaScript Програмен Код

• JavaScript е интерпретиран език, кодът се изпълнява ред по ред
• JavaScript кодът може да бъде вграден в HTML страници и се изпълнява от браузъра на клиента
• Изпълнението на JavaScript програма може да се случи при зареждане на страницата или въз основа на събития
• Примери за събития - зареждане/разтоварване на страници, зареждане на изображения, кликвания, движение на мишката, избор на текст, подаване на форми

Отстраняване на грешки в JavaScript

• Съвременните браузъри имат конзоли за показване на грешки
• Конзолата често се отваря чрез F12 или Ctrl+Shift+I

Синтаксис на JavaScript

• JavaScript различава малки и главни букви
• Всяка декларация или дефиниция трябва да завършва с точка и запетая (;).

Лексикални елементи

• Идентификатори (имена на променливи и функции: напр.,addNums,x13)
• Резервирани думи (специални ключови думи)
• Коментари (текст, игнориран от компилатора)

Общи Правила за Синтаксис

• JavaScript е чувствителен към главни и малки букви
• Всяка декларация или дефиниция трябва да завършва с точка и запетая (;).

Типове Данни

• Типовете данни определят валидните операции върху определен вид данни
• Примери: цели числа, реални числа, символи, логически данни

Константи

• Константа е стойност на данните, която не може да се променя по време на изпълнение на програмата
• Примери - числа, булеви стойности, низове

Променливи

• Променлива е място за съхранение в паметта за стойност, която може да се променя по време на изпълнение на програмата
• Променливите трябва да получат име за идентификация
• Декларирането и инициализирането на променлива се извършва (напр. var count = 5;)

Характеристики на Променливи

• JavaScript променливите са нетипизирани

Взаимодействие с Потребителя

• JavaScript може да показва диалогови прозорци (изскачащи кутии) за комуникация с потребителя
• Примери - Alert boxes, Confirm boxes, Prompt boxes

Оператори

• Операторите се използват за извършване на операции върху данни
• JS има оператори за присвояване, аритметични оператори, оператори за сравнение, логически оператори

Аритметични Оператори

• JS има оператори за основни математически изчисления (напр. събиране, изваждане, умножение, деление, модул)
• JS има оператори за увеличаване/намаляване със стъпка +1/-1 (напр. ++i, --i)

Оператори за Сравнение

• Оператори за сравнение ( <, >, <=, >=, ==, !=, ===, !==)

Логически Оператори

• Оператори за логически операции върху булеви стойности (&&, ||, !)

Условен Оператор

• Условният оператор приема три параметъра и връща стойност, която зависи от условието

Приоритет на Операторите

• Когато комбинирате няколко оператора в израз, редът на операциите има значение

Структурни Оператори

• Тези оператори се използват за управление на потока на изпълнение на програмата
• Примери - if, if...else, switch...case, while, do...while, for

Условни Оператори: if

• Операторът if изпълнява блок код въз основа на условие
• if...else изпълнява един от два блока
• switch оценява израз и изпълнява код зависимо от неговата стойност

Оператори за цикъл

• цикъл while изпълнява блок от код докато условието е вярно
• цикъл do...while изпълнява блок поне веднъж и продължава докато е вярно
• цикъл for се използва, когато броят на итерациите е предварително известен
• цикъл for...in се използва за итериране чрез свойствата на обект

Функции

• Функциите се използват за групиране на изрази за многократно използване

Свързване на JavaScript с HTML

• JavaScript код може да бъде включен в HTML документ по няколко начина: директно в тага <script>, директно в главата или чрез препратка към външни .js файлове

Обекти в JavaScript

• Вградени обекти (напр. String, Number, Boolean, Array, Date, Math)
• Клиентски обекти (напр. window, document)
• Създаване на обекти чрез new, директен начин

Обект Window

• Представя прозореца
• Свойства, методи (напр., alert(), close(), confirm())

Обект Document

• Представлява HTML страницата
• Свойства, методи (напр. getElementById(), write(), writeln())

Промяна на HTML Содържание

• Променята чрез клиентски обекти, свойства и методи

Този тест ще провери вашите знания за HTML документите и как JavaScript добавя функционалност към тях. Ще разгледате основите на JavaScript, неговата история и начина, по който може да бъде вграден в уеб страници. Подгответе се за интересни въпроси и предизвикателства!