Контрольная работа 12
Тема: «Приемы программирования на javascript»
Пример 1. Программа выдачи простого предупреждения при выборе гипертекстовой ссылки. Схема URL - javascript
Мой первый пример javascript
В текст этого документа внедрена гипертекстовая ссылка
"Don`t click here"
.
Любопытно, что будет, если все-таки выбрать?
В данном примере среди текста документа расположена гипертекстовая ссылка "Don`t click here". Если ее выбрать при просмотре (кликнуть мышкой), то на экране появится окно-предупреждение с вопросом: "Do you speak English?".
Генерация этого окна осуществляется специальным методом window.alert, который выполняется при выборе гипертекстовой ссылки. Если быть более точным, то в качестве URL информационного ресурса, который следует загрузить при переходе по данной гипертекстовой ссылке, используется схема javascript - расширение спецификации URI для программирования сценариев просмотра гипертекстовых документов World Wide Web. В этом случае выполнение javascript-программы происходит при выборе гипертекстовой ссылки, а сам код программы записан как URL.
Добиться такого же эффекта можно и другим способом, не прибегая к новой схеме URL. Для этой цели можно использовать событие, которое генерируется программой-навигатором при выборе гипертекстовой ссылки - Click.
Пример 2. Программа выдачи простого предупреждения по событию Click при выборе гипертекстовой ссылки
Мой первый пример javascript
В текст этого документа внедрена гипертекстовая ссылка
English?")">"Don`t
click here"
если все-таки выбрать?
Обойтись без новой схемы URL здесь также не удается, но она используется только для того, чтобы после выбора гипертекстовой ссылки в рабочем поле программы навигатора не появлялось пустой страницы, или не приходилось загружать вновь старую страницу. Для обработки события используется конструкция onclick, которая реализует обращение к обработчику (handler) данного события, который в свою очередь вызывает выполнение кода, записанного вслед за onclick.
Размещение кода программы на javascript непосредственно в тагах HTML является обычным делом, но не всегда бывает удобным. Наиболее часто javascript-код выносят в специальный HTML-контейнер SCRIPT(.....). Для того, чтобы продемонстрировать применение этого подхода, видоизменим наш пример следующим образом:
Пример 3. Применение контейнера SCRIPT для размещение javascript-кода
Мой первый пример javascript
В текст этого документа внедрена гипертекстовая ссылка
here". Любопытно, что будет, если все-таки выбрать?
Данный пример развивает применение javascript-кода для обработки события Click. Но только в этом случае мы не размещаем весь код обработки события в атрибуте onclick. В данный атрибут помещается только вызов функции, которая будет обрабатывать это событие. Само тело функции размещено в заголовке HTML-документа внутри тагов
Для того, чтобы защитить текст функции от интерпретации браузерами, которые не поддерживают javascript, мы поместили код в HTML-комментарий. При этом последняя строка этого комментария должна начинаться как комментарий javascript, чтобы браузер, понимающий javascript, не интерпретировал ее как часть javascript-кода.
Различные браузеры поддерживают разные версии javascript, что накладывает определенные ограничения при написании сценариев javascript. Для того, чтобы максимально адаптировать свою программу к конкретному типу программного обеспечения, часто включают проверку версии и имени программы-браузера в javascript.
Пример 4. Получение типа программы просмотра HTML-страниц
Проверка имени типа браузера;
Для того, чтобы получить имя вашей программы просмотра
выберите кнопку "Browser"
Данная программа в точности повторяет пример 2.10, но в окне предупреждения выдает имя программы просмотра HTML-страниц (window.navigator.appName). Вообще говоря, в простом сообщении о типе программного обеспечения большого смысла нет, но если вставить проверку данного имени в текст HTML-страницы и реализовать условную компиляцию страницы, то тогда обращение к данной конструкции javascript будет оправданным:
Пример 5. Условная генерация текста страницы по типу программы просмотра
Проверка имени типа браузера
В данном примере текст JаvaScript-программы размещен непосредственно в теле документа. При его загрузке, когда HTML-интерпретатор доходит до контейнера SCRIPT, вызывается javascript-интерпретатор. В этот момент будет проверяться условие, которое содержится в операторе if. В зависимости от результата проверки этого условия остальной текст страницы примет тот или иной вид в зависимости от типа программы просмотра.
Вообще говоря, проверить тип программы просмотра можно на сервере протокола HTTP и передать программе просмотра уже готовую страницу без условной генерации ее содержания. Но это возможно только в том случае, когда автор страницы имеет возможность программировать на машине где установлен сервер и имеет возможность администрировать этот сервер. В ряде случаев, когда место под Website арендуется и в договоре аренды нет пункта, обеспечивающего управление ресурсами сервера, в этом случае программы с условной генерацией содержания страниц бывают чрезвычайно полезными. Другой случай - это работа в локальном режиме без сервера. Здесь javascript является единственным средством управления просмотром. Существует еще ряд случаев, когда применение контейнера SCRIPT в теле документа является вполне оправданным, но на них мы остановимся позже в контексте решения конкретных задач управления сценариями просмотра.
Однако, чаще всего, текст javascript-кода размещают в виде описания функций в заголовке документа, что делает использование такого кода более удобным. Связано это с двумя моментами, которые следует учитывать при написании javascript-программ: область действия описания программы (из каких частей документа или страницы она видна, а следовательно, на нее можно сослаться как на функцию, и принципы интерпретации кода при просмотре документа.
Если код размещается в теле документа, то он интерпретируется только в случае переразметки отображаемого документа (загрузка, изменение параметров окна, перезагрузка). Если текст размещен в заголовке, то на него можно сослаться из любого места документа, а точнее из любого обработчика событий, которые указываются как атрибуты HTML-тагов.
Пример 6. Размещение скрипта в отдельном файле (netscape.jsc)
Проверка имени типа браузера
В данном случае текст условной генерации страницы размещен во внешнем файле. При загрузке страницы этот текст докачивается программой просмотра и исполняется так же, как если бы он размещался в документе. Любопытно, что при просмотре текста документа через опцию "View Source" текст скрипта не отображается, что дает возможность скрыть его содержание от пользователя. В самом файле, который содержит конструкции javascript, HTML-таги не используются:
Пример 7. Содержание файла netscape.jsc, ссылка на который установлена в атрибуте SCR тага
Статистика файлового архива
