Вам понадобится
- - возможность редактирования кода документа.
Инструкция
1
Подключите к документу скрипт из внешнего источника, адресуемого известным URI. Используйте HTML-элемент SCRIPT с заданным значением атрибута src. Отредактируйте документ, добавив в него конструкцию вида:
<script type="text/javascript" src="URI_скрипта" charset="кодировка_скрипта"></script>
Здесь в качестве значения URI_скрипта должен быть указан URI, идентифицирующий ресурс, из которого будут загружены данные сценария.
В качестве значения атрибута charset следует указать кодировку символов скрипта, если она отличается от кодировки символов документа. Кодировка документа определяется на основании данных поля Content-Type заголовка HTTP-ответа сервера или значения атрибута content элемента META с атрибутом http-equiv, установленным в Content-Type.
Подключение скриптов подобным способом зачастую производится в заголовке документа (элементы SCRIPT располагаются внутри элемента HEAD) и немедленное их выполнение не требуется. В этом случае имеет смысл использовать атрибут defer для отложенной интерпретации текста сценария.
<script type="text/javascript" src="URI_скрипта" charset="кодировка_скрипта"></script>
Здесь в качестве значения URI_скрипта должен быть указан URI, идентифицирующий ресурс, из которого будут загружены данные сценария.
В качестве значения атрибута charset следует указать кодировку символов скрипта, если она отличается от кодировки символов документа. Кодировка документа определяется на основании данных поля Content-Type заголовка HTTP-ответа сервера или значения атрибута content элемента META с атрибутом http-equiv, установленным в Content-Type.
Подключение скриптов подобным способом зачастую производится в заголовке документа (элементы SCRIPT располагаются внутри элемента HEAD) и немедленное их выполнение не требуется. В этом случае имеет смысл использовать атрибут defer для отложенной интерпретации текста сценария.
2
Подключите скрипт, внедрив его непосредственно в документ. Добавьте в разметку документа элемент SCRIPT, имеющий содержимое, представляющее собой JavaScript-код. Используйте конструкцию вида:
<script type="text/javascript">
<!--
// текст кода сценария
// текст кода сценария
// текст кода сценария
-->
</script>
Обратите внимание на HTML-комментарии, обрамляющие код скрипта. Они необходимы для обеспечения совместимости со старыми моделями браузеров.
<script type="text/javascript">
<!--
// текст кода сценария
// текст кода сценария
// текст кода сценария
-->
</script>
Обратите внимание на HTML-комментарии, обрамляющие код скрипта. Они необходимы для обеспечения совместимости со старыми моделями браузеров.
3
Подключите скрипт при помощи указания "javascript:" в качестве дескриптора протокола URI целевого якоря элемента A. Создайте в документе ссылку, со значением атрибута href вида:
javascript:<код_скрипта>
Здесь в качестве значения <код_скрипта> следует записать вычисляемое выражение на языке сценариев JavaScript. При этом несколько предложений языка можно объединить в одно выражение при помощи операторных скобок, например:
<a href="javascript:{ var a = 'text text text'; alert(a); }">text</a>
При активации такой ссылки любым способом (пользователем или программно) будет выполнен код внедренного сценария.
javascript:<код_скрипта>
Здесь в качестве значения <код_скрипта> следует записать вычисляемое выражение на языке сценариев JavaScript. При этом несколько предложений языка можно объединить в одно выражение при помощи операторных скобок, например:
<a href="javascript:{ var a = 'text text text'; alert(a); }">text</a>
При активации такой ссылки любым способом (пользователем или программно) будет выполнен код внедренного сценария.
4
Добавьте скрипты в документ в качестве кода встроенных обработчиков событий элементов. Для этого определите встроенные обработчики нужных событий выбранных элементов при помощи добавления этим элементам соответствующих атрибутов. В качестве значений атрибутов введите фрагменты JavaScript-кода. Например, добавить код в качестве обработчика события одинарного щелчка мышью по элементу DIV, можно следующим образом:
<div onclick="alert('Работает код обработчика !');">Содержимое элемента</div>
С перечнем событий элементов, которые должны поддерживаться конформными пользовательскими агентами, можно ознакомиться в разделах Events спецификаций объектных моделей документов уровней 2 и 3 (DOM2 и DOM3) на сайте консорциума W3C w3c.org.
<div onclick="alert('Работает код обработчика !');">Содержимое элемента</div>
С перечнем событий элементов, которые должны поддерживаться конформными пользовательскими агентами, можно ознакомиться в разделах Events спецификаций объектных моделей документов уровней 2 и 3 (DOM2 и DOM3) на сайте консорциума W3C w3c.org.
Видео по теме
Полезный совет
Для получения более подробной информации об использовании HTML-элемента SCRIPT, ознакомьтесь с последней версией спецификации языка разметки HTML на сайте w3c.org.
