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

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

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

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

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

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

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

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

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

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

Ваш комментарий будет полезен посетителям сайта! Пишите ниже.

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