Где разместить JavaScript в HTML-файле?

Содержание

1 Размещение JavaScript между тегами 'head'
2 Размещение JavaScript между тегами body
3 JavaScript из внешнего скрипта Файл

Существует гибкость, предоставляемая для включения кода JavaScript в любом месте документа HTML. Код JavaScript может быть встроен в:

1. Заголовок страницы между тегами 'head'.
2. Тело страницы между тегами body.
3. Во внешнем файле с расширением .js.

Размещение JavaScript между тегами 'head'

    <script>
    alert("JavaScript run from HTML Head tag");
    </script>
  
  
    Your html content here

alert("JavaScript run from HTML Head tag");

</script>

Your html content here

Все, что должно быть в html-заголовке, должно быть заполнено до того, как тело загрузится, поэтому, как правило, это плохая идея разместить Javascript. Если вам нужно что-то, когда тело загружается, или вы хотите ускорить некоторый ajax, тогда было бы уместно поставить его в голову.

Размещение JavaScript между тегами body

    <script>
      alert("JavaScript run from HTML Body tag");
    </script>

alert("JavaScript run from HTML Body tag");

</script>

JavaScript из внешнего скрипта Файл

Код JavaScript может быть встроен в ваши HTML-файлы (выше примеров) или помещен во внешний файл сценария с расширением .js. Внешний файл JavaScript должен быть сохранен расширением .js. Рекомендуется вставлять все файлы JavaScript в один файл. Это увеличивает скорость веб-страницы. Когда вы поместите свой JavaScript во внешний файл, поместите имя файла сценария (.js) в атрибут source (src) элемента