Расположение внутри страницы Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>
Скрипт, выводящий модальное окно с классической надписью «Hello, World!» внутри браузера:
Quote
<script type="text/javascript">
alert('Hello, World!');
</script>
Расположение внутри тега
Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий[Спецификация 7]. Пример использования::
Quote
<a href="delete.php" onclick="return confirm('Вы уверены?');">Удалить</a>
Отделение от разметки
В приведённом примере при нажатии на ссылку функция confirm('Вы уверены?'); вызывает модальное окно с надписью «Вы уверены?», а return false; блокирует переход по ссылке. Разумеется, этот код будет работать только если в браузере есть и включена поддержка JavaScript, иначе переход по ссылке произойдёт без предупреждения.
Использование кода JavaScript в контексте разметки страницы в рамках ненавязчивого JavaScript расценивается как плохая практика. Аналогом (при условии снабжения ссылки идентификатором alertLink)
Quote
<a href="delete.php" id="alertLink">Удалить</a>
Quote
приведённого примера может выступать, например, следующий фрагмент JavaScript:
window.onload = function() {
var linkWithAlert = document.getElementById("alertLink");
linkWithAlert.onclick = function() {
return confirm('Вы уверены?');
};
};
Вынесение в отдельный файл
Есть и третья возможность подключения JavaScript — написать скрипт в отдельном файле, а потом подключить его с помощью конструкции
Quote
<script type="text/javascript" src="http://Путь_к_файлу_со_скриптом"></script>
