Вставление скрипта в HTML-язык
Скрипт размещается между двумя парными тегами <script>...</script>. Обычно запись скрипта выглядит так, как показано в листинге .
script language=JavaScript>
<!--
...
код на JavaScript
...
//-->
</script>
<NOSCRIPT>
...
Код для браузеров, которые
не поддерживают JavaScript
...
</NOSCRIPT>
Начало скрипта
Скрипт представлен как HTML- комментарий, чтобы не «смущать» браузеры, которые о скриптах не знают
Конец скрипта
Блок <NOSCRIPT> - специально
для браузеров, которые «не понимают скриптов»
<HTML>
<HEAD>
<TITLE>Проверка браузера</TITLE>
</HEAD>
<BODY bgcolor=white text=black link=blue
alink=red vlink=purple>
<H1>Проверка браузера</H1> <HR>
<SCRIPT language=JavaScript>
<!--
alert("Ваш браузер поддерживает язык
JavaScript!");
//-->
</SCRIPT>
<NOSCRIPT>
<H2>Предупреждение</H2>
<P>
Ваш браузер не поддерживает JavaScript. Этот документ будет показан неверно, возможны сооб-щения об ошибках.
<P> Версия документа без скриптов расположена <А href=doc1.htm> Здесь </A>.
</NOSCRIPT>
<P>
Для возврата к основному тексту нажмите кнопку <ЕМ>Назад</ЕМ> на инструментальной панели браузера.
</BODY>
</HTML>
Информационное окно alert Вид страницы браузере,который поддерживает
скрипты после нажатия ОК
Скрипт в приведенном выше примере содержит всего одну команду на языке JavaScript – вызов функции alert. Функция alert создает информационное окно с единственной кнопкой ОК внутри. Пользователь читает сообщение, нажимает кнопку и окно убирается с экрана. Теперь браузер приступает к интерпретации команд, расположенных вслед за скриптом в HTML-коде – выводит в окошко текст, показанный на рис.
Если браузер не поддерживает JavaScript или эта поддержка отключена в настройках, в окно документа выводится сообщение, показанное ниже.
Если текст-аргумент функции alert слишком длинный, его можно записывать в нескольких строчках, используя знак «+» (операция соединения):
alert("Язык JavaScript был разработан в 1995"+ "году фирмой Netscape для сл. версии браузера");
Для записи длинной строки использована операция соединения
В случае необходимости для перевода строк в аргументе функции нужно использовать символы «\n»:
alert("Первая строка.\nСтрока вторая."};
Функция alert используется очень часто. Кроме простой задачи выдать пользователю сообщение,она часто используется как средство отладки.
За счет чего на гипертекстовой странице появляется динамика и интерактивность (взаимодействие с пользователем)?
Браузер не просто показывает документ, он конст-руирует его объектную модель, а в дальнейшем следит за соответствием этой модели построенному изображению. Если что-то меняется в модели, это сразу отображается на экране.
Окно браузера можно изменить двумя способами:
1. написать HTML-теги и загрузить файл в браузер;
·2. воздействовать на объектную модель документа.
Первый способ дает статичный гипертекстовый документ. Второй – позволяет менять уже построенное изображение.
Можно воздействовать на объектную модель доку-мента через скрипты – программы на специаль-ных языках программирования (их должен «пони-мать» браузер).Самый распространенный язык для этого – JavaScript.Рассмотрим его.
JavaScript и Java
JavaScript – это язык программирования, который разработан специально для работы совместно с HTML. Коды на JavaScript выполняются сразу браузером.
С Web-программированием обычно связывают еще один язык – Java. JavaScript и Java – это совсем разные технологии и концепции. Объединяет их только похожий синтаксис языковых конструкций.
Java – универсальный, частично компили-руемый язык программирования общего назна-чения, который разработан с расчетом на мини-мальную зависимость от конкретного компьютера и конкретной ОС.
Java является частично компилируемым языком: текстовая программа сначала компилируется в бай-товый код, а затем байтовый код интерпретирует-ся. Такой механизм позволяет существенно увели-чить скорость работы приложения по сравнению с обычной интерпретацией.
Java-программы, предназначенные для интер-претации браузером, называют апплетами. Апплет существенно отличается от скрипта по своему проявлению в гипертекстовом документе.
Размещение апплета на странице подобно разме-щению картинок. Апплет занимает на экране от-дельную прямоугольную область и работает внут-ри нее самостоятельно, без явной связи с други-ми информационными элементами страницы.
Рассмотрим типичные задачи, которые решаются при помощи этих двух языков.
JavaScript:
• Создание HTML-страницы «на лету», программным путем.
• Обработка простых диалоговых форм.
• Изменение внешнего вида страницы после ее вывода на экран.
Java:
• Сложные формы с вводом/выводом графической информации.
• Анимация (настоящая анимация, а не анимированные GIF-файлы).
• Трехмерные изображения и их обработка.
• Выполнение самостоятельной графической прог-раммы в среде гипертекстового документа.