Регистрация
Раздел: Для веб-программиста

Добавление сценариев JavaScript на страницу сайта

User 18-09-2017, 14:36 732 Для веб-программиста
0

Добавление сценариев JavaScript на страницу сайта

Как и CSS, вы можете вставить код сценария прямо в документ или сохранить его во внешнем файле и связать со страницей. В обоих методах используется элемент script .

Встроенные сценарии.
Чтобы встроить сценарий в страницу, добавьте код как содержимое элемента script: <script> ... Здесь будет код javascript </script>.

Внешние сценарии.
Другой метод использует атрибут src для указания на файл сценария (с расширением .js) по его URL-адресу. В этом случае у элемента script нет содержимого.

<script src="my_script.js"> </ script>

Преимущество внешних сценариев заключается в том, что вы можете применить один и тот же сценарий к нескольким страницам (те же преимущества имеют и внешние таблицы стилей). Недостаток состоит в том, что каждый внешний сценарий требует дополнительного HTTPзапроса с сервера, что замедляет производительность.

Размещение сценариев.
Элемент script может находиться в любой части документа, но чаще всего он указывается в разделе head и в самом конце раздела body. Рекомендуется не разбрасывать элементы script по всему документу, потому что их будет трудно находить и поддерживать.

Для большинства сценариев предпочтительным является размещение в конце документа, непосредственно перед тегом </body>, так как браузер будет осуществлять разбор документа и структуры объектной модели этого документа. Следовательно, эти данные будут готовы и доступны к тому времени, когда браузер дойдет до сценариев и сможет выполнить их быстрее.
Кроме того, загрузка и выполнение сценария блокирует визуализацию страницы, так что перемещение его в нижнюю часть улучшает производительность. Тем не менее, в некоторых случаях вам может понадобиться, чтобы сценарий выполнил работу до полной загрузки тела документа, поэтому размещение его в разделе заголовка приведет к лучшей производительности.

Написать сообщение

Кликните на изображение чтобы обновить код, если он неразборчив

Похожие новости

Анатомия сценария JavaScript

Есть веская причина, почему в книге Дэвида Флэнагана «javascript. Подробное руководство»

18.09.17 Для веб-программиста
Что такое JavaScript?

javascript — это название языка программирования, добавляющий на сайты интерактивность и

18.09.17 Для веб-программиста
Добавление стилей CSS

Следует обратить внимание на ключевой компонент кода HTML страницы. В верхней части HTML-документа

18.09.17 Для веб-программиста

 
Powered by UseSite.ru. Все права защищены. Копирование материала строго запрещено.
Закрыть