В JavaScript има три основни операции, които ви позволяват да получавате данни от потребителя за по-нататъшна обработка в скриптове. Те са предупреждение, подкана и потвърждение. За какво се използват, как да ги използвате и други нюанси ще бъдат обсъдени по-късно в тази статия.

тревога

Използва се за показване на модален прозорец на екрана на браузъра (това означава, че потребителят не може да щракне върху нищо на страницата, докато не затвори този прозорец. В този пример, докато не щракне върху „OK“ в прозореца).

След показване на съобщението, съдържащо се в предупреждението, изпълнението на скрипта се спира и се възобновява след затваряне на модалния прозорец.

В случай на пълненеполета и щракване върху OK, скриптът ще върне въведената от потребителя информация.

Синтаксисът на тази командамалко по-сложен от предишния, тъй като ви позволява да зададете текста на жалбата на потребителя и съдържанието на полето за въвеждане на информация, което ще се показва по подразбиране: резултат = подкана (заглавие, по подразбиране) ;, където

• заглавие- съобщение, което ще се покаже на потребителя в модалния прозорец. Аргументът е задължителен.
• по подразбиране- какво ще се показва в полето за въвеждане на текст по подразбиране. Също така е задължително да се попълни, тъй като ако не е зададено, това може да доведе до грешки в някои браузъри. Ако искате да оставите полето за въвеждане празно, просто задайте подканата, както следва:

  var myTest = prompt("Всяка информация" , """);

малък пример за бързо използване:

var year = prompt( „Коя година завършихте гимназия?“, 2008); alert("Вие сте завършил " + година + " на годината!" );

Обикновено тази команда се използва за събиране на данни от потребители, необходими на скрипта, за да продължи по-нататъшната си работа.

потвърди

Също така представлява модален прозорец. Тъй като не е трудно да се познае от името, то обикновено се използва, за да се договори нещо с потребителя.

Изострен за това - за взаимодействие, той предоставя на потребителя бутони OK и CANCEL, които връщат съответно булевите стойности true и false на скрипта Оценки: 4 (средно 4 от 5)

В този урок ще се запознаем с методите на обекта прозорец: alert(), prompt() и confirm().

метод alert().

Методът alert() има за цел да покаже предупредителен диалогов прозорец с посоченото съобщение и бутон OK на екрана на потребителя. Може да се използва за предаване на важна информация на потребителя.

window.alert(Параметър_1);

Методът alert() има един задължителен параметър, който е текстът на съобщението, което се показва в диалоговия прозорец. Този метод не връща нищо в резултат на изпълнението си.

Например, нека покажем предупредителен диалогов прозорец за посетител на сайт, когато щракне върху връзка: Отидете на сайта

Вътре в метода можем да посочим произволен низ, само без html тагов. Те не се обработват тук, а се показват така, както са.

Ако низът, който искаме да посочим, е много дълъг и искаме да преминем към него нова линия, тогава тук е html тагът
няма да работи. Тук трябва да използвате знака "\n".

Предупреждение("Лукааааааааааааааааа \nStringgggggg");

Този метод се използва често за намиране на грешка в кода.

Процесът на обработка на кода върви отгоре надолу, така че за да хванем грешка, ние просто записваме метода alert () в предвидената област, където се намира грешката. И ако alert() работи, тогава няма грешки до реда, където е написано.

След това трябва да го преместите един ред или повече по-долу. Запазваме промените, опресняваме отново страницата в браузъра и виждаме дали alert() работи, което означава, че няма грешки преди реда, където се намира, в противен случай, ако не работи, грешката е на реда по-горе, където е в момента. По този начин можете да намерите грешка в кода.

метод потвърждение().

Този метод се използва за потвърждаване на отговора на даден въпрос. Има само две опции за отговор, да (ОК) или не (Отказ / Отказ). Ако потребителят отговори с „да“, тогава методът връща true, в противен случай връща false.

Например ще покажем прозорец с помощта на метода confirm(), където ще попитаме потребителя „Сигурни ли сте, че искате да напуснете страницата?“. Ако потребителят отговори с „да“, тогава чрез метода alert() ще изведем такова съобщение „Потребителят иска да напусне страницата“, в противен случай ще изведем друго съобщение „Потребителят НЕ иска да напусне страницата“.

Var user_answer = confirm("Сигурни ли сте, че искате да напуснете страницата?"); if(user_answer) alert("Потребителят иска да напусне страницата"); else alert("Потребителят НЕ желае \nда напусне страницата");

Ето как работи методът confirm(). Може да се използва при различни поводи. Например, преди да изтриете нещо от сайта, обичайно е да попитате потребителя дали е сигурен в действията си. Или, преди да изпратите формуляра, можете също да попитате потребителя „Попълнихте ли всичко правилно?“ Ако той отговори с „да“, тогава формулярът ще бъде изпратен, в противен случай няма да бъде изпратен.

метод prompt().

И последният метод, който ще научим, е методът prompt(). Този метод се използва по-рядко от другите два. Позволява ви да получите информация от потребителя, която той ще въведе в текстовото поле.

В резултат на това методът prompt() връща или входния низ, ако потребителят щракне върху бутона OK, или нула, ако потребителят щракне върху бутона за отказ.

Като параметър, тоест вътре в скобите този методможем да напишем подкана или въпрос, за да уведомим потребителя каква информация да въведе.

Например, нека помолим потребителя да отговори на въпроса "Как се казваш?". Името, въведено от потребителя, ще се покаже на екрана с помощта на метода alert().

Varname = prompt("Как се казвате?"); alert("Вашето име е " + име);

Запазете и отворете страницата в браузъра.

Разбира се, всяка информация може да бъде въведена в текстовото поле от метода prompt(). Тази информация ще бъде върната като низ, дори в случай на числа или други специални знаци.

Например, нека помолим потребителя да въведе две числа, за да ги умножи по-късно. Ще има калкулатор за умножение на числа.

Var x = prompt("Въведете първото число:"); var y = prompt("Въведете второто число:"); //Преобразуване на въведените числа от тип низ в числов тип x = Number(x); y = число (y); document.write(x + " * " + y + " = " + (x * y));

Въведените числа са низове, така че за правилния резултат от умножението тези числа трябва да бъдат предадени през функцията Number(), която ги преобразува от тип низ в нормални числа.

Е, това е всичко. Сега знаете още три метода: alert(), confirm() и prompt(). Които можете спокойно да използвате на практика.

• методи за прозоречни обекти;
• метод alert(): кратко резюме;
• метод confirm() - писане на писма;
• метод prompt() - да се запознаем, аз съм Щирлиц.

И така, обекти на браузъра. И на първо място - най-старият от тях, обектът прозорец.

Ето основните методи на обекта прозорец(освен тях има и други, но те са малко полезни и за да не затрупвам мозъка с ненужна информация, ще ги отложа до третата серия).

Това вече го знаем прозорецчесто се подразбира, но не се изписва.

Извикване на различни диалогови прозорци

Диалоговите прозорци се използват в програмите за взаимодействие с потребителя.

метод alert().

Ние го анализирахме в самото начало на нашите изследвания. Той създава прост диалогов прозорец със съобщение и бутон OK. Цялото му взаимодействие се ограничава до факта, че потребителят, като натисне този единствен бутон, може да изпрати този прозорец някъде далеч (и благодаря за това).

метод потвърждение().

Метод потвърди()вече позволява на потребителя да вземе най-простото "булево" решение: да каже "да" или "не".

Например щракнете върху този бутон:

Съжалявам за малката шега. Надявам се, че знаете как да използвате бутона за връщане назад.

Как е подредено всичко? Вие, разбира се, видяхте, че имам този метод, комбиниран с предупреждения. И това става с помощта на функцията, която е вмъкната в .

Методът връща две стойности: вярно(ако е наред) и невярно(при отмяна).

AT вярноизпращаме го на съответната страница (свойство hrefобект местоположение) и изведете съответното тревога(). В противен случай (т.е. невярно) просто извежда друг тревога().

И в бутона извикваме функцията в събитието onClick:

След това трябва да извикате тази функция от манипулатора на събития onSubmitетикет