Вы должны поместить JavaScript прямо перед </body>. В идеале ваш HTML должен работать без JavaScript, поэтому он должен быть одним из последних загруженных.
Помните, что вы должны использовать CSS, чтобы скрыть элементы, а не JavaScript. Это позволяет избежать появления и исчезновения элементов при загрузке страницы.
Вы также можете столкнуться со следующей проблемой ...
Проблема
В этом сценарии я собираюсь использовать PHP в качестве примера.
Ваш footer.php файл в настоящее время может выглядеть следующим образом:
<script src="jquery.js"></script>
<script src="custom.js"></script>
</body>
</html>
Но что происходит в тех редких случаях, когда вы хотите добавить <script> исключительно для одной страницы? Вы не сможете поместить его после footer.php, потому что вы больше не будете в теге <body>, но вы не можете поместить его раньше, потому что тогда вы пропустите jquery.js из своего кода .
Решение
Файл footer-start.php:
<script src="jquery.js"></script>
<script src="custom.js"></script>
И footer-end.php файл:
</body>
</html>
И пусть ваш footer.php будет простым:
<?php
require 'footer-start.php';
require 'footer-end.php';
Затем, в редких случаях, когда вам нужно использовать пользовательский <script> для одной страницы, сделайте это:
<?php require 'footer-start.php'; ?>
<script>...</script>
<?php require 'footer-end.php'; ?>
Выполнение этого означает, что вам не нужно менять весь свой предыдущий код, на который ссылается footer.php.