Добавление комментариев в сценарий JavaScript
Профессионалы, работающие с JavaScript, используют любую возможность, чтобы облегчить чтение собственного кода при повторном к нему обращении (быть может, через несколько месяцев). Одним и з таких вспомогательных приемов является использование комментариев JavaScript, один из которых вы уже встречали в предыдущей главе - комментарий в одну строку.
Однострочный комментарий
Пример. Ниже приводится пример использования однострочных комментариев:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! // Ниже приводится вызов первого предупреждения. alert("Предупреждение, вызванное с помощью JavaScript."); // Это вызов второго предупреждения. alert("А вот и второе сообщение!"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
Запустив на выполнение этот сценарий, вы не заметите в итоге никаких изменений. Причина в том, что комментарии сделали свое дело и «спрятали» от браузера ваши примечания.
Многострочный комментарий
Иногда в сценарий приходится добавлять комментарии в несколько строк. В этом случае вы можете по-прежнему вставлять / / в начале каждой строки, но это не слишком удобно. Лучше использовать специальные последовательности символов для обозначения многострочных комментариев.
Многострочный комментарий открывается комбинацией /*, за которой следует собственно комментарий, и закрывается комбинацией * /.
Пример. Ниже приводится пример многострочного комментария:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! /* Ниже дважды используется метод alert() для вызова двух окон сообщений - обратите внимание, что второе окно появляется только после нажатия кнопки ОК в первом окне. */ alert("Предупреждение, вызванное с помощью JavaScript"); alert("А вот и второе сообщение!"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
Co временем вы научитесь добавлять в сценарий действительно полезные комментарии. Поначалу это может показаться нудным или необязательным, но затем, используя их, вы облегчите последующее прочтение вашего сценария и будете полнее представлять, как он работает. Вводите комментарии при каждой возможности.
Упражнение Поясните код предыдущего примера с помощью однострочных и многострочных комментариев.
Использование метода confirm()
Метод confirm() подобен методу alert(), но в появляющемся на экране окне пользователь может сделать выбор между кнопками ОК и Cancel. Окно сообщения выводится тем же способом, с той разницей, что вместо метода alert() указывается метод confirm().
Примечание Чтобы кнопка Cancel начала работать, вам требуются более глубокие знания JavaScript, чем вы успели получить.
Пример. Выполняя ту же последовательность действий, что и при применении метода alert(), вы добавляете в блок сценария метод confirm(), как указано ниже:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! confirm(); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
И снова сообщение, которое вы хотите вывести на экран, набирается в кавычках внутри круглых скобок:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! align="center"("Что вы выбираете?"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
Сохраните файл (под другим именем, чем файл шаблона, с расширением НТМ или HTML), и откройте его в браузере (см. рис. 3.8).
Рис. 3.8. Окно подтверждения с созданным вами сообщением в браузере Internet Explorer
Обратите внимание, что в диалоговом окне имеются две кнопки - ОК и Cancel. По какой бы вы сейчас ни щелкнули, результат будет один — окно исчезнет. Прежде чем вы сможете пользоваться кнопками в окне подтверждения, вам предстоит приобрести некоторые навыки работы с JavaScript, после чего снова вернемся к методу confirm().
Упражнение Попробуйте использовать на Web-странице метод confirm(). Введите свое собственное сообщение. Добавьте в Web-страницу метод confirm() несколько раз и посмотрите, каким будет результат.