Задать вопрос
@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>
  • Вопрос задан
  • 62 просмотра
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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настроить платежную систему Юкассы в телеграм боте
28 нояб. 2024, в 19:36
1000 руб./за проект
Разработка приложения VPN
28 нояб. 2024, в 18:46
3000 руб./за проект
Разработка Телеграм Бота
28 нояб. 2024, в 17:46
10000 руб./за проект
Ещё заказы