Вам понадобится
  • - возможность изменения содержимого документа, в который нужно вставить скрипт.
Инструкция
1
Решите, каким способом и в какое место гипертекстового документа должен быть вставлен скрипт. Определите задачи, реализуемые сценарием, а также оцените объем его кода.Многократно используемые скрипты, которые нужно применять в большом количестве документов, лучше подключать из внешнего источника. Страница будет содержать лишь ссылку на ресурс сценария в нужном месте. Данный подход позволяет сократить объем загружаемых данных за счет кэширования скриптов браузерами.Скрипты небольшого объема можно вставить непосредственно в тело страницы. Это гарантирует их немедленное исполнение при разборе документа браузером. Если же блоки программного кода очень малы и должны исполняться при определенных действиях пользователя, имеет смысл помещать их непосредственно во встроенные обработчики событий или атрибуты href ссылок.
2
Вставьте java-скрипт непосредственно в тело web-страницы. В нужное место документа добавьте элемент SCRIPT, содержащий программный код сценария. Например:<script type="text/javascript"><!--    document.write("текст, сформированный скриптом");--></script>Обратите внимание на желательность использования атрибута type. Он определяет тип содержимого элемента SCRIPT и указывает на необходимость его интерпретации именно ядром исполнения сценариев JavaScript. Комментарии HTML, обрамляющие код, предназначены для предотвращения его отображения устаревшими агентами пользователей.
3
Подключите внешний скрипт к документу. Используйте пустой элемент SCRIPT с атрибутом src, указывающим на ресурс, из которого будут получены данные сценария. Например:<script src="script.js" type="text/javascript"></script>Если кодировка внешнего сценария отличается от кодировки документа, следует использовать атрибут charset. В противном случае текстовые строки, выводимые скриптом, могут отображаться некорректно. Если исполнение подключаемого подобным образом сценария, может быть отложено, можно указать атрибут defer.
4
Включите java-скрипт код в атрибут href ссылок или атрибуты, задающие встроенные обработчики событий элементов. Используйте дескриптор протокола javascript: в случае ссылок, например:<a href="javascript:{ alert('Text 1'); alert('Text 2'); }">ссылка</a>В обработчики событий код может быть добавлен без особых изменений:<div onmousedown="document.title='Клавиша мыши нажата';"     onmouseup="document.title='Клавиша мыши отпущена';"     onclick="document.title='Клик мышью';"     ondblclick="document.title='Двойной клик мышью';"     style="width: 100px; height: 100px; background: #CCCCCC"></div>Обратите внимание на необходимость использования кавычек разного типа для определения значения HTML-атрибутов и строковых литералов javascript-кода.