Javascript основни елементи
Здравейте програмисти начинаещи.
В този урок ще се запознаем с основните елементи на Javascript и ще напишем първите работещи скриптове.
Не е нужно да се тъпчете, просто трябва да го прочетете внимателно, така че да се депозира в съзнанието ви - какви елементи са в този език за програмиране, как изглеждат (пишат се) и какви действия се изпълняват.
Това ще е достатъчно за начало, тъй като няма да можете веднага да „влезете“ в това какво и защо, пак няма да работи и не е необходимо
Опитайте се да играете със значения, т.е.практикувайте се за по-добро консолидиране и разбиране на материала.
Урокът обаче ще бъде голям, така че не се опитвайте да го овладеете в движение. По-добре да маркирате и напредвате, както разбирате.
За да видите какво работи и как, трябва да направите някои подготовки.
Първо, трябва да създадете директория (папка) на вашия компютър, например в библиотеката Documents, в която ще запазим и след това ще отворим написаните файлове.
Нека създадем още две папки в тази директория:
1. изображения, на които ще трябва да поставите поне една снимка за използване по време на тестване.
2.js, в който ще поставим файлове със скриптове, за да тестваме външната им връзка.
Ще добавя, че скриптовете по-долу могат да се поставят както в маркера head, така и в маркера body. Засега няма разлика.
document.write
Обектът на документ с метод за запис просто ще покаже всичко, което декларирате в него, било то само ред с текст или html тагове със стилове.
Този скрипт ще покаже голямо червено заглавие.
Всъщност стиловете в jvascript са зададени по различен начин и ще разгледаме това в следващия урок, но докато стигнем до него, ще го правим така, както е направено в html.
Освен това това е добър пример, че jvascript е съвместим с html.
Покажете заглавието и снимката на нов ред.
Сега нека се спрем малко на структурата на кода, точно на тези точки, които са от значение за всички елементи.
1. Всичко, което се показва на екрана, е затворено в скоби.
2. Низът е затворен в кавички, числа без кавички. Ако в низа има вътрешни кавички, те се изпълняват с апострофи. Ако няма вътрешни кавички, тогава основните могат да бъдат изпълнени с апострофи.
3. Редът завършва с точка и запетая, въпреки че в повечето случаи кодът ще работи и без тях, тъй като интерпретаторът интерпретира прекъсването на реда като край. Но не винаги.
Следователно, за да не търсите най-малката грешка в бъдеще, по-добре е да завършите реда с точка и запетая винаги.
Коментари
За подобряване на разбирането в кода са необходими коментари.
Командата за предупреждение е свързана с функции за взаимодействие с потребителя. Той показва модален прозорец със съобщение и поставя на пауза изпълнението на скрипта, докато потребителят щракне върху OK.
подкана също е функция за взаимодействие, но за разлика от предупреждението, той показва модален прозорец с текстово поле и бутони OK и CANCEL.
На потребителя се задава въпрос и се изисква да въведе отговор, след това щракнете върху OK или не въвеждайте нищо и щракнете върху ОТМЕНЯ (отмяна)
Скриптът е на пауза, докато потребителят не отговори.
потвърди е друга функция за взаимодействие. Той показва модален прозорец с въпрос и два бутона OK и CANCEL и изчаква отговора на потребителя.
Тези три функции са вградени, така че външният вид и гледна точка на модалите може да се различава при различните браузъри.
Променливи
Променливите в javascript се декларират с ключовата дума var
Името на променливата може да се състои от всякакви латински букви, цифри и символи $ и _. Други символи не са разрешени.
Началото на името с номер не е разрешено.
Случаят на буквите в името е от значение. Така W и w ще бъдат две различни имена.
Операторът на присвояване = присвоява на променлива количеството данни, които програмистът ще добави към нея.
Данните от низове са затворени в кавички, числови без кавички. Ако числото е затворено в кавички, то ще бъде интерпретирано като низ.
Можете да въвеждате не само букви и цифри в данните, но и html маркиране със стилове.
Ще покаже голямо заглавие.
Константата е променлива, която никога не се променя.
Те се използват за лесно писане и четливост на кода. Обикновено те са пълни с данни, които не се променят по време на цялата програма, но до които трябва да имате достъп повече от веднъж.
Константата е написана с главни букви, така че е ясно видима в кода.
Функцията е определено количество код, което се изпълнява на определено място или на няколко места в програма.
Освен това е достатъчно да напишете кода веднъж и след това да го извикате произволно от името на функцията.
Има вградени и персонализирани функции. Видяхме примери за вградени функции по-горе (предупреждение, подкана, потвърждение).
Както вероятно вече се досещате, няма нужда да добавяте никакъв код към тях, тъй като той е зададен по подразбиране и програмистът не може да се намесва в него и да променя нещо.