Как вставить ява скрипт
- Использование клиентских сценариев на языке JavaScript
- Выбор способа вставки скрипта
- Вставка java-скрипта в тело web-страницы
- Подключение внешнего скрипта к документу
- В обработчики событий код может быть добавлен без особых изменений:
Использование клиентских сценариев на языке JavaScript
Сегодня практически все браузеры позволяют использовать клиентские сценарии на языке JavaScript. С помощью подобных скриптов можно создавать потрясающие динамические эффекты на web-страницах. Чтобы сделать это, нужно вставить java-скрипт в документ.
Выбор способа вставки скрипта
Решите, каким способом и в какое место гипертекстового документа должен быть вставлен скрипт. Определите задачи, реализуемые сценарием, а также оцените объем его кода.
Многократно используемые скрипты, которые нужно применять в большом количестве документов, лучше подключать из внешнего источника. Страница будет содержать лишь ссылку на ресурс сценария в нужном месте. Данный подход позволяет сократить объем загружаемых данных за счет кэширования скриптов браузерами.
Скрипты небольшого объема можно вставить непосредственно в тело страницы. Это гарантирует их немедленное исполнение при разборе документа браузером. Если же блоки программного кода очень малы и должны исполняться при определенных действиях пользователя, имеет смысл помещать их непосредственно во встроенные обработчики событий или атрибуты href ссылок.
Вставка java-скрипта в тело web-страницы
Вставьте java-скрипт непосредственно в тело web-страницы. В нужное место документа добавьте элемент SCRIPT, содержащий программный код сценария. Например:
<script type="text/javascript">
document.write("текст, сформированный скриптом");
</script>
Обратите внимание на желательность использования атрибута type. Он определяет тип содержимого элемента SCRIPT и указывает на необходимость его интерпретации именно ядром исполнения сценариев JavaScript. Комментарии HTML, обрамляющие код, предназначены для предотвращения его отображения устаревшими агентами пользователей.
Подключение внешнего скрипта к документу
Подключите внешний скрипт к документу. Используйте пустой элемент SCRIPT с атрибутом src, указывающим на ресурс, из которого будут получены данные сценария. Например:
<script src="script.js" type="text/javascript"></script>
Если кодировка внешнего сценария отличается от кодировки документа, следует использовать атрибут charset. В противном случае текстовые строки, выводимые скриптом, могут отображаться некорректно. Если исполнение подключаемого подобным образом сценария может быть отложено, можно указать атрибут defer.
Включение java-скрипт кода в атрибут href ссылок или атрибуты, задающие встроенные обработчики событий элементов
Включите 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-кода.
