Как и где лучше добавить код JavaScript на страницу в коде?
Как добаВить джаваскрипт код В страницу? (разные способы)
Элемент <script> с кодом javascript можно добавить в разделы <head> или <body> вашей страницы, но существует и другие способы добавления кода в страницу. Рассмотрим все места, в которых можно разместить код javascript (и почему его лучше размещать в том или ином месте).
Код можно встроить в элемент <head>. Размещение кода в элементе <script> секции <head> — самый распространенный способ включения кода в страницы. Конечно, в этом случае ваш код будет легко найти, да и выбор места выглядит логично, но это не всегда лучший вариант размещения. Почему? Читайте дальше...
Также код можно встроить в тело документа. Для этого заключите код javascript в элемент <script> и разместите его в разделе <body> страницы (как правило, в конце тела).
Этот вариант лучше предыдущего. Почему? Потому что во время загрузки браузер загружает все содержимое раздела <head> страницы и только потом переходит к разделу <body>. Если ваш код расположен в <head>, пользователю придется немного подождать, чтобы увидеть страницу. Если же код загружается после разметки HTML в <body>, пользователь будет видеть содержимое страницы во время загрузки.
Третий вариант — разместить код в отдельном файле и включить ссылку на него в элемент <head>.
Это делается так же, как ссылка на файл CSS. Единственное различие в том, что в атрибуте src тега <script> указывается URL-адрес файла javascript.
Также код можно встроить в тело документа. Для этого заключите код javascript в элемент <script> и разместите его в разделе <body> страницы (как правило, в конце тела).
Хранение кода во внешнем файле упрощает сопровождение (отдельно от разметки HTML), его можно использовать в нескольких страницах. Но и у этого метода имеется недостаток: код должен быть загружен до тела страницы. Как же с ним справиться?
Наконец, ссылку на внешний файл можно включить в тело страницы. Ага, все лучшее с обеих сторон... Мы имеем удобный, простой в сопровождении файл javascript, который можно включить в любую страницу, и ссылка располагается в конце тела страницы, так что код будет загружаться только после загрузки тела страницы.
Оставить свой ответ:
