
- •1. Основные понятия JavaScript
- •2. Помещение сценария в документ
- •3. Исполнение сценария
- •3.1 Исполнение при загрузке документа
- •3.2 Исполнение сценария как реакция на событие
- •4.1 Объект document
- •4.2 Коллекции
- •4.3 Методы write, open и close
- •5. Примеры сценариев
- •5.1 Изменение картинки
- •5.2 Слайд-шоу и баннеры
2. Помещение сценария в документ
Сценарии, написанные на языке JavaScript, могут располагаться на самой html-странице
между тегами <script></script>, которые в свою очередь обычно находятся в
тегах <head></head>. У тега <script> должен быть указан параметр language, который
указывает язык написания скрипта. Кроме того, тег <script> имеет следующие атрибуты:
src - URL файла, в котором записан код внешнего сценария;
type - задает тип содержимого элемента тега SCRIPT или файла, определенного атрибутом
src, принимает значения вида text/язык_сценария ( например : text/javascript,
text/ vbscript);
language - задает язык сценария (например, JavaScript или VBscript); при использовании
атрибута type этот атрибут излишен.
<html>
<head>
<title>Заголовок документа</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript"> </script>
</head>
<body>
</body>
</html>
Теоретически теги <script></script> могут располагаться и в теле документа (в
тегах <body></body>). Выполняться такой сценарий будет тогда , когда браузер " дочитает "
страницу до этого места ( до тегов <script></script>). В настоящее время такой способ
использования скрипта является все более редким.
Стоит сказать несколько слов еще об одном HTML-элементе, имеющем отношение к сцена-
риям — это элемент NOSCRIPT. Этот HTML- элемент задается парными тегами <NOSCRIPT> и
</NOSCRIPT> и полезен , когда автор докум ента хочет по дстраховаться на случай , если его
документ будет открыт в браузере, не поддерживающем сценарии вообще или сценарии на
используемом языке программирования. Итак, если сценарий не может быть выполнен, то браузер
отобразит содержимое элемента NOSCRIРТ ( в нем может быть , например, гиперссылка на вер сию
документа, не использующую сценарии).
Скрытие сценария
Рассмотрим прием, который часто применяется для того, чтобы браузер, вообще «не
знающий » HTML- элемента SCRIРТ, не показал пользователю текст сценария. Это может
случиться, если сценарий помещен в тело документа.
Для предотвращения возникновения такой ситуации текст сценария помещают в HTML-
комментарий следующим образом:
<SCRIPT type = "text/javascript”>
<!--
//Текст программы, помещенной здесь, пользователь случайно не увидит
-- >
</SCRIPT>
Браузеры, поддерживающие элемент SCRIPT, должны проигнорировать HTML-
комментарий внутри этого элемента.
Другим вариантом скрытия, который должен точно работать, является помещение сценария
во внешнем файле и подключение его при помощи атрибута src элемента SCRIРТ.
6
Отладка сценариев
При создании сценариев неизбежно будут появляться ошибки. Весьма удобным средством
отладки сценариев, позволяющим локализовать ошибки , является Консоль JavaScript, входящая в
минимальный дистрибутив браузера Mozilla Firefox. Вызвать ее можно через меню
Инст рументы. Данная консоль позволяет отображать не только откровенные ошибки , но и
предупреждения , связанны , например , с нежелательностью использования тех или иных
конструкций JavaScript.
Если используется браузер Internet Explorer (версия ранее 9.0), то при наличии ошибки в
скрипте в левом углу строки состояния браузера появиться значок предупреждения ,
соо бщающий об это м. Для получения сведений об ошибке необходимо дважды щелкнуть по
данному значку. На экране появиться окно с кратким описанием обнаруженной ошибки (рис.1):
Рисунок 1
Если используется браузер Internet Explorer 9, то для просмотра ошибок в процессе отладки
сценария можно использовать встроенные Средства разработчика, вызываемые клавишей F12
(рис.2):
Рисунок 2