Вставление скрипта в HTML-язык

2015-11-27

642

Обсуждений (0)

0.00 из 5.00 0 оценок

⇐ Предыдущая 4 5 6 7 8910 11 12 13 Следующая ⇒

Скрипт размещается между двумя парными тегами <script>...</script>. Обычно запись скрипта выглядит так, как показано в листинге .

script language=JavaScript>

<!--

...

код на JavaScript

...

//-->

</script>

...

Код для браузеров, которые

не поддерживают JavaScript

...

</NOSCRIPT>

Начало скрипта

Скрипт представлен как HTML- комментарий, чтобы не «смущать» браузеры, которые о скриптах не знают

Конец скрипта

Блок <NOSCRIPT> - специально

для браузеров, которые «не понимают скриптов»

<HTML>

<HEAD>

<TITLE>Проверка браузера</TITLE>

</HEAD>

<BODY bgcolor=white text=black link=blue

alink=red vlink=purple>

<H1>Проверка браузера</H1> <HR>

<!--

alert("Ваш браузер поддерживает язык

JavaScript!");

//-->

</SCRIPT>

<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-файлы).

• Трехмерные изображения и их обработка.

• Выполнение самостоятельной графической прог-раммы в среде гипертекстового документа.

2015-11-27

642