Работы по JavaScript. JavaScript с Ильей Кантором

• Название: JavaScript с Ильей Кантором
• Анкор: Работы по JavaScript.docx
• Дата: 03.09.2018
• Размер: 0.61 Mb.
• Имя файла: Работы по JavaScript.docx
• Тип: Документы; #24011
• страница: 9 из 9

Нетрадиционное использование '?'

Иногда оператор вопросительный знак '?' используют как замену if:

показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var company = prompt('Какая компания создала JavaScript?', '');
2

3	(company == 'Netscape') ?
4	alert('Да, верно') : alert('Неправильно');

Работает это так: в зависимости от условия, будет выполнена либо первая, либо вторая часть после '?'.

Результат выполнения не присваивается в переменную, так что пропадёт (впрочем, alert ничего не возвращает).

Рекомендуется не использовать вопросительный знак таким образом.

Несмотря на то, что с виду такая запись короче if, она является существенно менее читаемой.

Вот, для сравнения, то же самое с if:

показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var company = prompt('Какая компания создала JavaScript?', '');
2

3	if (company == 'Netscape') {
4	alert('Да, верно');

5	} else {
6	alert('Неправильно');

7

Взаимодействие с пользователем: alert, prompt, confirm

1. 
   alert
   
2. 
   prompt
   
3. 
   confirm
   
4. 
   Особенности встроенных функций
   
5. 
   Резюме
   

В этом разделе мы рассмотрим базовые UI операции: alert, prompt и confirm, которые позволяют работать с данными, полученными от пользователя.

alert

Синтаксис:

alert(сообщение)

alert выводит на экран окно с сообщением и приостанавливает выполнение скрипта, пока пользователь не нажмет «ОК».
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	alert("Привет");

Окно сообщения, которое выводится, является модальным окном. Слово «модальное» означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберется с окном. В данном случае - пока не нажмет на «OK».

prompt

Функция prompt принимает два аргумента:

result = prompt(title, default);

Она выводит модальное окно с заголовком title, полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL.

Пользователь должен либо что-то ввести и нажать OK, либо отменить ввод кликом на CANCEL или нажатием ESC на клавиатуре.

Вызов prompt возвращает то, что ввел посетитель - строку или специальное значение null, если ввод отменен.

Как и в случае с alert, окно prompt модальное.
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var years = prompt('Сколько вам лет?', 100);
2

3	alert('Вам ' + years + ' лет!')

Всегда указывайте default

Вообще, второй default может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию "undefined".

Запустите этот код в IE, чтобы понять о чем речь:
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var test = prompt("Тест");

Поэтому рекомендуется всегда указывать второй аргумент:
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var test = prompt("Тест", ''); // <-- так лучше

confirm

Синтаксис:

result = confirm(question);

confirm выводит окно с вопросом question с двумя кнопками: OK и CANCEL.

Результатом будет true при нажатии OK и false - при CANCEL(Esc).

Например:
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки

   

1	var isAdmin = confirm("Вы - администратор?");
2

3	alert(isAdmin);

Особенности встроенных функций

Место, где выводится модальное окно с вопросом, и внешний вид окна выбирает браузер. Разработчик не может на это влиять.

С одной стороны — это недостаток, т.к. нельзя вывести окно в своем дизайне.

С другой стороны, преимущество этих функций по сравнению с другими, более сложными методами взаимодействия, которые мы изучим в дальнейшем — как раз в том, что они очень просты.

Это самый простой способ вывести сообщение или получить информацию от посетителя. Поэтому их используют в тех случаях, когда простота важна, а всякие «красивости» особой роли не играют.

Важность: 4

Создайте страницу, которая спрашивает имя и выводит его.

Работать должно так: tutorial/intro/basic.html.

Решение

Решение

Решение: tutorial/intro/basic.html.

[Открыть задачу в новом окне]

Резюме

• 
  alert выводит сообщение.
  
• 
  prompt выводит сообщение и ждет, пока пользователь введет текст, а затем возвращает введенное значение или null, если ввод отменен (CANCEL/Esc).
  
• 
  confirm выводит сообщение и ждет, пока пользователь нажмет «OK» или «CANCEL» и возвращает true/false.