Коды JavaScript увеличиваются в объеме экспоненциально с добавлением новых функций и обращением к некоторым из упомянутых ранее API. Таким образом, встроенные коды значительно увеличивают документы, к тому же немалая часть кода повторяется. Для того чтобы сократить время загрузки, повысить эффективность и получить возможность распространять и повторно использовать коды в новых документах, не жертвуя эффективностью, мы рекомендуем сохранять коды JavaScript в одном или нескольких внешних файлах и вызывать их через атрибут src.
Листинг 4.3. Получение кода из внешних файлов
<!DOCTYPE html>
<html lang="ru">
<head>
<title>TOT текст — заголовок документа<^^^>
<script src="mycode. js"></script>
</head>
<body>
<div id="main">
<p>Щелкни на мне</p>
<p>Ha мне нельзя щелкать</p>
</div>
</body>
</html>
Элемент <script> в листинге 4.3 загружает код JavaScript из внешнего файла под названием mycode. js. Теперь мы можем вставить этот файл в каждый документ нашего веб-сайта и в любой момент повторно использовать содержащийся в нем код. С точки зрения пользователя, такая практика сокращает время загрузки и доступа к веб-сайту. Для нас же важно то, что при этом значительно упрощаются организация и поддержка.
Скопируйте код из листинга 4.3 в ранее созданный HTML-файл. Создайте новый пустой файл с именем mycode. js и скопируйте в него JavaScript-код из листинга 4.2. Обратите внимание на то, что следует скопировать только код между тегами <script>, исключая сами теги.
Добавить комментарий