Размещение JavaScript на html-странице
Код скрипта 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! А это JavaScript! Вновь документ HTML.
Признаем, что данный скрипт не столь полезен - то же самое и более просто можно было бы написать на "чистом" языке HTML. Он просто демонстрирует Вам тэг признака <script>. Все, что стоит между тэгами <script> и </script>, интерпретируется как код на языке JavaScript. Здесь Вы также видите пример использования инструкции document.write() - одной из наиболее важных команд, используемых при программировании на языке JavaScript. Команда document.write() используется, когда необходимо что-либо написать в текущем документе (в данном случае таковым является наш HTML-документ). Так наша небольшая программа на JavaScript в HTML-документе пишет фразу "А это JavaScript!".
- Лекция 1 - Обзор Internet – технологий
- Лекция 2–Основы html
- Тема 1 «Обзор Интернет-технологий»
- Тема 6 «Работа с JavaScript и Java-апплетами»
- Тема 7 «Контент-инжиниринг, эффективность использования Web-представительств»
- 3. Примерный перечень заданий для прохождения тестового контроля
- 4. Примерная тематика рефератов:
- 5.1 Основная литература
- 2.4.2. Методические указания по выполнению практических и лабораторных работ
- Лабораторная работа № 2 – Каскадные таблицы стилей
- Запуск JavaScript
- Размещение JavaScript на html-странице
- Броузеры без поддержки JavaScript
- События
- OnAbort.
- OnMouseOver и onMouseOut
- Оглавление
- Функции
- Иерархия объектов в JavaScript
- Объект location
- Фреймы и JavaScript
- Навигационные панели
- 2.4.3 Методические указания по самостоятельной работе студентов
- 2.Перечень домашних заданий для студентов
- 3. Перечень заданий для самостоятельной работы студентов
- 4. Контрольный тест
- 5. Список литературы
- 5.1 Основная литература
- 2.5.1. Текущий контроль знаний
- 2.8 Дополнительный материал (словари, глоссарий)