Практические работы по JavaScript

Просмотр ошибок в скриптах JavaScript

При обучении программированию на любом языке мы часто сталкиваемся с ошибками. Обычно за ошибками "следит" среда разработки. В случае с JavaScript какой бы программой вы не пользовались для написания кода, ошибки в коде на JavaScript она вряд ли вам покажет.

Программы на JavaScript интерпретируются браузерами. Поэтому в них встроены или устанавливаются дополнительно специальные инструменты для анализа кода и отслеживания ошибок.

Ниже описано, как увидеть ошибки в коде в браузерах Firefox и Opera.

В браузере Firefox

Установите дополнение Firebug:

  1. Инструменты → Дополнения;
  2. в строке поиска введите слово firebug;
  3. выполните установку дополнения.

Использование Firebug для просмотра ошибок в сценариях JavaScript:

  1. нажмите F12, чтобы включить Firebug;
  2. на вкладке Консоль кликните по треугольнику и включите ее;
  3. еще раз щелкните по этому треугольнику и проверьте – должен быть включен показ ошибок и предупреждений JavaScript;
  4. перезагрузите страницу.

В браузере Opera

Нажмите Ctrl+Shift+I, выберите Ошибки.

Включение скриптов в HTML и подключение внешних файлов

В любое место html-документа можно вставить контейнер script, в теле которого написать сценарий на JavaScript. Например:

<script>
	alert("Hello world!");
</script>

При этом опреление функции может быть в одном script-контейнере, а вызов в другом; т.е. код доступен из любого места html-документа.

Для подключения внешнего файла с кодом на JavaScript используется следующий синтаксис:

<script src="/путь/имя.js"></script>

Кодировка и doctype

Для гарантированного правильного отображения символов в браузере используется следующий тег, вставляемый в контейнер head:

<meta charset="utf-8">

Перед тегом html указывается doctype. В настоящее время достаточно написать так:

<!DOCTYPE HTML>