- •Введение в JavaScript План
- •Что такое JavaScript
- •Управление просмотром страниц Web-узла. JavaScript
- •Размещение JavaScript на html-странице.
- •Браузеры без поддержки JavaScript
- •Объектная модель JavaScript
- •Методы объектов и свойства объектов.
- •Операции
- •Типы и описание переменных
- •Массивы
- •Операторы и типы. План
- •Условные операторы
- •Управление потоком вычислений
- •Функции
- •Объект Number
- •Объект Math
- •Свойства
- •Объект Date
- •Строковый тип и объект документ План
- •Конструктор
- •Свойства и операторы объекта
- •Методы объекта
- •Методы атрибутов текста
- •Методы обработки текста
- •Что представляет собой документ
- •Mime-типы
- •Методы объекта
- •Свойства объекта
- •Элементы документа
- •Имена элементов документа
- •События План
- •Назначение функции реакции на событие
- •Пример 1:
- •Пример 2:
- •Получение дополнительных сведений о событии
- •Свойства объекта event
- •Функции вывода окна с сообщением
- •Обзор свойств
- •Элементы документа План
- •Объект Location
- •Объект Image.
- •Формы План
- •Доступ к формам
- •Поля ввода (обычное и многострочное)
- •Объект Button
- •Объект CheckBox
- •Объект RadioButton
- •Окна и фреймы
- •Объект navigator
- •Объект Screen
- •Примеры использования JavaScript План
- •Строка состояния и таймеры
- •Таймеры
- •Загрузка и смена изображений
- •Мультипликация
- •Регулярные выражения в JavaScript
Размещение JavaScript на html-странице.
Запуск JavaScript
Что необходимо сделать, чтобы запускать скрипты, написанные на языке JavaScript? Вам понадобится броузер, способный работать с JavaScript - например Netscape Navigator (начиная с версии 2.0) или Microsoft Internet Explorer (MSIE - начиная с версии 3.0). С тех пор, как оба этих броузера стали широко распространенными, множество людей получили возможность работать со скриптами, написанными на языке JavaScript. Несомненно, это важный аргумент в пользу выбора языка JavaScript, как средства улучшения ваших Web-страниц.
Код скрипта JavaScript размещается непосредственно на HTML-странице. Чтобы увидеть, как это делается, давайте рассмотрим следующий простой пример:
<html>
<body>
<br>
Это обычный HTML документ.
<br>
<script language="JavaScript">
document.write("А это JavaScript!")
</script>
<br>
Вновь документ HTML.
</body>
</html>
С первого взгляда пример напоминает обычный файл HTML. Единственное новшество здесь - конструкция:
<script language="JavaScript">
document.write("А это JavaScript!")
</script>
Это действительно код JavaScript. Чтобы видеть, как этот скрипт работает, запишите данный пример как обычный файл HTML и загрузите его в броузер, имеющий поддержку языка JavaScript.
А это результат выполнения этого файла (если Вы используете броузер, имеющий поддержку JavaScript, то у Вас будет 3 строки):
Это обычный HTML документ. А это JavaScript! Вновь документ HTML.
Я должен признать, что данный скрипт не столь полезен - то же самое и более просто можно было бы написать на "чистом" языке HTML. Я всего лишь хотел продемонстрировать Вам тэг признака <script>. Все, что стоит между тэгами <script> и </script>, интерпретируется как код на языке JavaScript. Здесь Вы также видите пример использования инструкции document.write() - одной из наиболее важных команд, используемых при программировании на языке JavaScript. Команда document.write() используется, когда необходимо что-либо написать в текущем документе (в данном случае таком является наш HTML-документ). Так наша небольшая программа на JavaScript в HTML-документе пишет фразу "А это JavaScript!".
Браузеры без поддержки JavaScript
А как будет выглядеть наша страница, если браузер не воспринимает JavaScript? Браузеры, не имеющие поддержки JavaScript, "не знают" и тэга <script>. Они игнорируют его и печатают все стоящие вслед за ним коды как обычный текст. Иными словами, читатель увидит, как код JavaScript, приведенный в нашей программе, окажется вписан открытым текстом прямо посреди HTML-документа. Разумеется, это не входило в наши намерения.
На этот случай имеется специальный способ скрыть исходный код скрипта от старых версий браузеров - мы будем использовать для этого тэг комментария из HTML - <!– –>. В результате новый вариант нашего исходного кода будет выглядеть как:
<html>
<body>
<br>
Это обычный HTML документ.
<br>
<script language="JavaScript">
<!-- hide from old browsers
document.write("А это JavaScript!")
// -->
</script>
<br>
Вновь документ HTML.
</body>
</html>
В этом случае броузер без поддержки JavaScript будет печатать:
Это обычный HTML документ.
Вновь документ HTML.
А без HTML-тэга комментария броузер без поддержки JavaScript напечатал бы:
Это обычный HTML документ.
document.write("А это JavaScript!")
Вновь документ HTML.