Вам понадобится
  • - код скрипта;
  • - исходный документ;
  • - текстовый редактор.
Инструкция
1
Определите наилучший способ вставки скрипта. Если предполагается, что один и тот же скрипт будет использоваться в различных документах, то имеет смысл вынести его во внешний файл и подключить оттуда. В противном случае стоит внедрить текст сценария в тело страницы. Если объем скрипта велик, стоит поместить его в документ отдельным блоком. Если же программный код мал по объему и реализует реакцию на какое-либо событие, допустимо поместить его в атрибут, определяющий встроенный обработчик события элемента или атрибут href ссылки.
2
Вставьте скрипт из внешнего источника. Добавьте в тело документа или его раздел HEAD элемент SCRIPT с заданными атрибутами src и type. Например, это можно сделать так:<script type="text/javascript" src="script_file.js" charset="UTF-8"></script>Значением атрибута src должен являться URI, указывающий на ресурс, из которого будте загружен текст скрипта.Атрибут charset не обязателен. Он указывает кодировку текста сценария. Но если он опущен, за значение кодировки будет принято значение кодировки документа, в который вставляется скрипт.
3
Вставьте скрипт в текст страницы. Используйте элемент SCRIPT, содержащий внутри текст сценария. Например, это может выглядеть так:<script type="text/javascript">
<!--
       alert("Скрипт работает !");
-->
</script>Комментарии языка HTML, в которые заключен программный код, нужны для совместимости со старыми браузерами. В документах XHTML в них можно использовать XML-комментарии <![CDATA[ и ]]>.
4
Вставьте javascript-код во встроенные обработчики событий. Найдите в документе элемент, событие которого необходимо обработать. Добавьте атрибут, определяющий соответствующий обработчик. Например, атрибутом, задающим обработчик клика мышью по элементу, является onclick, обработчик сигнала потери фокуса - onblur, а нажатия клавиши - onkeydown.
5
Впишите код скрипта в качестве текста, задающего значение добавленного атрибута. Например, чтобы вывести сообщение при клике мышью по элементу DIV, можно использовать следующую конструкцию:<div onclick="alert('Сообщение');">Текст текст текст</div>Обратите внимание на то, что для определения строковых литералов в коде встроенного обработчика элемента нужно использовать кавычки другого типа, нежели те, которые задают значение HTML-атрибута.
6
Добавьте скрипт в элемент href ссылки. Значением href должен быть URL, дескриптором протокола которого является "javascript:", а адресной частью - вычисляемое выражение. Например:<a href="javascript:alert('Сообщение !');">Текст ссылки </a>Если необходимо использовать несколько выражений, используйте операторный блок, определяемый скобками { и }.