Да, тук е, тук е! Всички създатели на сайта са внимателни, вие сте информирани, че г-н Javascript току-що е пристигнал. Кой може да бъде? А, не е ли често споменаванияят колега на г-н HaTMatiLka, който задейства нещата? Да, прав си.
Доскоро имахме възможност да се срещаме само в Интернет със статични страници. С други думи, сайтът изглеждаше еднакво сутрин, за обяд и вечер. Благодарение на голямото разширяване и популяризиране на скриптовия език JavaScript, сега всеки има възможност да обогати сайта с различни интерактивни елементи по относително прост начин. Възможно е програмиране на игри, прости приложения, презентационни елементи и други интересни неща.
В тази и бъдещите части на поредицата постепенно ще се запознаем с основите на програмирането в JavaScript. Разбира се, ще обясним всичко с илюстративни примери, което ще бъде липса на интерес. Е, имаше достатъчно теория, нека стигнем до нея.
Къде да го скрия ?!
Сценарии, написани на JavaScript може да се постави във всяка част на HTML документ. Понякога обаче е полезно да включите скрипт в етикет. Това е особено важно, ако искаме да гарантираме, че посетителят на сайта няма възможност да прави нищо на сайта, докато самият скрипт не бъде зареден.
Пример 1.1: Въвеждане на текст с помощта на JavaScript
Ако разгледаме този пример в браузър, който поддържа JavaScript, страницата ще покаже: Вашият браузър поддържа JavaScript. В противен случай се показва напълно празна страница.
За да може браузърът на страницата да знае, че на страницата има скриптове, е необходимо да поставите изходната форма на скрипта между маркерите. Присъстват маркери за коментари, така че по-старите браузъри на сайтове, които не могат да интерпретират JavaScript, не излишно изброяват скрипт ресурси на страницата.
За първи път срещаме функцията document.write () в този скрипт. Тази функция се използва за въвеждане на текст на страницата. Ако възнамеряваме да имаме текст, който съдържа кавички или искаме да използваме маркери в текста, е необходимо да използваме формата document.write ('text') вместо document.write ('text'). Това е така, че браузърът да не обърква толкова много цитати и да знае за какво точно говорим.
Здравейте? Кой е там ?
В този раздел ще говорим за диалогови прозорци, които могат да бъдат извикани с помощта на JavaScript. Разпознаваме няколко типа диалогови прозорци, а именно: информативен (внимание), потвърждение (ОК/Отказ), допускане (вмъкнете) a грешка (грешка).
Информационен прозорец препоръчително е да се използва в ситуации, когато трябва да уведомим посетителя на сайта за някакво известие. Активира се чрез извикване на функцията window.alert ().
Прозорец за потвърждение се използва широко в случаите, когато трябва да открием отговора на въпрос да/не. Активира се чрез извикване на функцията window.confirm (). След това посетителят има избор дали да се съгласи с въпроса (ОК) или не (Отказ).
Входен прозорец се използва, когато трябва да получим информация от посетителя на сайта. Активира се чрез извикване на window.prompt ().> Функция
Прозорец за грешка се извиква автоматично, когато браузърът срещне несъществуваща JavaScript команда/функция/метод, т.е. ако програмираме скрипта си неправилно.:-)
Вие сте дете или възрастен? Ти не знаеш ?
Тъй като се запознахме с първите основни градивни елементи на JavaScript в мини-примери, можем да започнем да програмираме първия малко по-сложен скрипт. Какво ще кажете за обикновен тест, който ще определи вашата зрялост според данните, които въвеждате? Не може да бъде ?
Как работи всичко? След зареждане на страницата, този скрипт ще ви поздрави и приветства. Тогава той ще ви попита за името ви и след това за вашата възраст. Накрая оценява въведените данни, т.е. че според възрастта той ще определи дали сте дете или възрастен и ще напише резултата от теста на страницата.
За разлика от предишните примери, в които не е трябвало да обработваме данни от диалогови прозорци, в този пример ние присвояваме съдържанието на отделни прозорци на различни променливи. Променлива той ни служи за съхраняване на данни (числови, текстови или логически), за да можем впоследствие да ги оценим и обработим в следващите стъпки. Към променлива име ние присвояваме текст, който посетителят вмъква в прозореца. напр. name = window.prompt ("Как се казваш?"); Същото важи и за променливата възраст, което ще запази възрастта на посетителя.
Строителство ако а друго оценява достоверността на израза и съответно извършва необходимото действие. В нашия случай откриваме, че дали възрастта на посетителя е по-малка от 18. Ако възрастта е по-малка, изразът (възраст
Хм, труден ли ви е JavaScript? Прав си, той и на мен ми се стори:-) Но, сега сериозно. Ако все още имате объркване или малък хаос, прегледайте отново примерите и ги изпробвайте във вашия уеб браузър. Просто експериментирайте. В следващата част от поредицата ще ви покажем как е възможно. но нека се изненадате. Докато не умрете от любопитство, препоръчвам ви да посетите уебсайтовете www.javascripts.com и www.javascript.sk, които съдържат голям брой вече програмирани скриптове.
Успех с JavaScript,
ПРИЛОЖЕНИЕ: Основни знаци и символи за форматиране
Когато програмираме скриптове, може да срещнем необходимостта да оценим друг израз и следователно ще въведем основните признаци за оценка, които се използват за използване.
| > | по-голям от |
| по-малко от | |
| == | прав (пишем като две = подред) |
| > = | по-голямо или равно на |
| по-малко или равно на | |
| != | различно от |
Може би сте забелязали, че някои редове от скрипта на теста съдържат определени знаци. Напр. знак \ н в реда, в който се извиква информационният прозорец. Такива символи се наричат форматиране и изпълняват различни функции. Поддържаните от JavaScript включват: