Где разместить JavaScript в HTML-файле?
Содержание
Существует гибкость, предоставляемая для включения кода JavaScript в любом месте документа HTML. Код JavaScript может быть встроен в:
-
- Заголовок страницы между тегами 'head'.
- Тело страницы между тегами body.
- Во внешнем файле с расширением .js.
Размещение JavaScript между тегами 'head'
Your html content here
Все, что должно быть в html-заголовке, должно быть заполнено до того, как тело загрузится, поэтому, как правило, это плохая идея разместить Javascript. Если вам нужно что-то, когда тело загружается, или вы хотите ускорить некоторый ajax, тогда было бы уместно поставить его в голову.
Размещение JavaScript между тегами body
JavaScript из внешнего скрипта Файл
Код JavaScript может быть встроен в ваши HTML-файлы (выше примеров) или помещен во внешний файл сценария с расширением .js. Внешний файл JavaScript должен быть сохранен расширением .js. Рекомендуется вставлять все файлы JavaScript в один файл. Это увеличивает скорость веб-страницы. Когда вы поместите свой JavaScript во внешний файл, поместите имя файла сценария (.js) в атрибут source (src) элемента
Пример
Содержимое scriptfile.js
function message(){
alert("Run from script file!!");
}
Содержимое html-файла
Run JavaScript from script file
Самым большим преимуществом внешних файлов JavaScript является повторное использование кода. Если ваш JavaScript используется более чем на одной странице, вам не нужно повторять сценарий на каждой странице, которая его использует. Более того, если вы хотите обновить свой скрипт, вам нужно только изменить его в одном месте.
Текущие рекомендации - разместить Javascript внизу не потому, что «похоже, что он загружается быстрее», а потому, что, размещая их там, разбор и выполнение Javascript не останавливают работу браузера от других вещей (например, загрузка остальной части страницы ).
Источник: http://net-informations.com/js/basics/place.htm
(Пока оценок нет)