Если скрипт отображает контент внизу страницы, вместо места, где был вставлен код скрипта, это может быть связано с тем, что скрипт выполняется асинхронно или после загрузки всего HTML-содержимого страницы.
Существует несколько способов исправить такую ситуацию:
1. Переместите код скрипта в раздел <head> вашего HTML-документа. Помещение кода скрипта в этот раздел позволит браузеру выполнить скрипт сразу после загрузки страницы, до обработки всего остального контента. В этом случае, скрипт будет иметь доступ ко всем элементам на странице, и контент будет отображаться в том месте, где код был вставлен.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script src="script.js"></script> <!-- Подключение внешнего скрипта -->
<script>
// Ваш скрипт здесь
</script>
</head>
<body>
<!-- Ваше содержимое страницы -->
</body>
</html>
2. Убедитесь, что скрипт выполняется после полной загрузки всего содержимого страницы. Для этого перенесите код скрипта в конец <body> вашего HTML-документа перед закрывающим тегом </body>. Такой способ гарантирует, что все HTML-элементы уже будут доступны, когда скрипт выполнится.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<!-- Ваше содержимое страницы -->
<script>
// Ваш скрипт здесь
</script>
</body>
</html>
3. Если у вас есть асинхронный код, который загружает контент или выполняет другие операции, убедитесь, что вы используете правильный метод для вставки контента на страницу. Например, если вы используете JavaScript для добавления элементов на страницу, используйте методы, такие как appendChild или innerHTML, чтобы правильно разместить контент в нужном месте.
Например, если вы хотите вставить контент внутри существующего элемента с определенным id, вы можете сделать это следующим образом:
var myElement = document.getElementById('myElement');
myElement.innerHTML = "Ваш контент";
Надеюсь, что это поможет вам поправить проблему с отображением контента внизу страницы, а не в месте, где вставлен код скрипта.