Оглавление

2. Первая программа на JavaScript

При изучении языков программирования принято начинать с программы, выводящей надпись "Hello, world". He будем нарушать традицию и продемонстрируем, как это будет выглядеть на JavaScript (листинг 1).

 

Листинг 1. Первая программа


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Первая программа</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello, world");
//-->
</script>
<noscript>
   <p>Ваш Web-браузер не поддерживает JavaScript</p>
</noscript>
</body>
</html>

 

Набираем код в Блокноте и сохраняем в формате HTML, например, под именем test.html. Запускаем Web-браузер и открываем сохраненный файл.


Возможны следующие варианты:
□    в окне Web-браузера отображена надпись "Hello, world" — значит, все нормально;


□    отобразилась надпись "Ваш Web-браузер не поддерживает JavaScript" и Web-браузер задает вопрос "Запустить скрипты?" — значит, в настройках Web-браузера установлен флажок напротив пункта Подтверждать запуск скриптов. Можно либо установить флажок напротив пункта Разрешить запуск сприптов, либо каждый раз отвечать "Да" на этот вопрос;


□    отобразилась надпись "Ваш Web-браузер не поддерживает JavaScript" и Web-браузер не задает никаких вопросов — значит, в настройках Web-браузера установлен флажок напротив пункта Запретить запуск скриптов. Надо установить флажок напротив пункта Разрешить запуск сприптов;

 

□   в окне Web-браузера нет никаких надписей — значит, допущена опечатка в коде программы. Следует иметь в виду, что в JavaScript регистр имеет важное значение. Строчные и прописные буквы считаются разными. Более того, каждая буква, каждая кавычка имеет значение. Достаточно ошибиться в одной букве, и вся программа работать не будет.


Итак, мы столкнулись с первой проблемой при использовании JavaScript — любой пользователь может отключить запуск скриптов в настройках Web-браузера. Но эта проблема не единственная. Разные Web-браузеры могут по-разному выполнять код программы. По этой причине приходится писать персональный код под каждый Web-браузер. Все примеры скриптов в этой книге написаны под Microsoft Internet Explorer и могут не работать в других Web-браузерах. Это следует помнить.
Вернемся к нашему примеру. Программа внедряется в HTML-документ с помощью парного тега <script>. В качестве значения параметра type указывается MIME-тип text/javascript. Кроме того, может быть указан параметр language, который задает название языка программирования (в нашем случае — JavaScript). Данный параметр использовался в ранних версиях HTML, а в настоящее время указывается только для совместимости, одновременно с параметром type:

      <script type="text/javascript" language="JavaScript">
Если Web-браузер не поддерживает JavaScript или выполнение скриптов запрещено в настройках Web-браузера, то будет выведен текст между тегами <noscript> и </noscript>. По этой же причине код программы между тегами <script> и </script> заключается в теги HTML-комментария <!-- и -->, иначе Web-браузеры, не поддерживающие JavaScript, выведут код скрипта в виде обычного текста:

      <!--  

        document.write("Hello, world");

      //-->


Интерпретатор JavaScript игнорирует открывающий тег HTML-комментария <!--, так как никакая строка программы JavaScript не может начинаться с "<". Но закрывающий тег HTML-комментария -->, начинающийся с двух минусов (--), распознается интерпретатором как ошибка, так как в JavaScript имеется предопределенный оператор --. По этой причине перед закрывающим тегом необходимо поставить символы комментария языка JavaScript (//): (1)
//-->

 

Строка
       document.write("Hello, world");
содержащая инструкцию отобразить надпись "Hello, world" в окне Web-браузера, называется выражением. Каждое выражение в JavaScript заканчивается точкой с запятой. (2)

Примечания:
  • В настоящее время практически все Web-браузеры распознают тег <script>. Поэтому особого смысла заключать программу в символы комментария нет.
  • Необходимо заметить, что это необязательное требование. Тем не менее рекомендуется указывать точку с запятой в конце каждого выражения. Это позволит избежать множества ошибок в дальнейшем.
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити