Задать вопрос
@Mishaermolaev
javascript

Как выполнить этот скрипт не используя .onload?

<script>
            window.onload = function() {
                document.getElementById('mobile_main_nav').onclick = function() {
                    openbox('mobile_main_nav_items', this);
                    return false;
                };
            };

            // если блок включен
            function openbox(id, toggler) {
                var div = document.getElementById(id);
                if(div.style.opacity == 1) {
                    div.style.height = 0;
                    div.style.opacity = 0;
                    toggler.innerHTML = 'Открыть';
                    toggler.style.background = '#393b3f';
                }

                // если блок выключен
                else {
                    div.style.opacity = 1;
                    div.style.height = '155px';
                    toggler.innerHTML = 'Закрыть';
                    toggler.style.background = '#393b3f';
                }}

        </script>
  • Вопрос задан
  • 61 просмотр
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
@zombtron
Можно конечно вставлять скрипт где-то в середине/конце страницы, но как по мне, скрипты должны быть в шапке. defer="defer" вам поможет:
<head>
	<script defer="defer" src='scripts/script.js'></script>
</head>

или
<head>
	<script defer="defer">

window.onload = function() {
                document.getElementById('mobile_main_nav').onclick = function() {
                    openbox('mobile_main_nav_items', this);
                    return false;
                };
            };

            // если блок включен
            function openbox(id, toggler) {
                var div = document.getElementById(id);
                if(div.style.opacity == 1) {
                    div.style.height = 0;
                    div.style.opacity = 0;
                    toggler.innerHTML = 'Открыть';
                    toggler.style.background = '#393b3f';
                }

                // если блок выключен
                else {
                    div.style.opacity = 1;
                    div.style.height = '155px';
                    toggler.innerHTML = 'Закрыть';
                    toggler.style.background = '#393b3f';
                }}

</script>
</head>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 120 000 до 180 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Frontend Developer (JavaScript)
R2C
До 4 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Механика в Godot 4
24 июн. 2024, в 16:09
2000 руб./за проект
Доработать парсер
24 июн. 2024, в 16:04
2500 руб./за проект
Доработать поддержку DRM модуля
24 июн. 2024, в 16:01
200000 руб./за проект
Ещё заказы