Как подключить js в конец шаблона 1С-Битрикс?

Question

[Вадим Яндутов]

Использую Asset::getInstance()->addJs() для подключения скриптов в шаблоне. В файле footer.php.
Как я понимаю - где бы я не писал:

Asset::getInstance()->addJs("/local/templates/main/js/sceneIndex.js");

Подключаться скрипт будет в header (там где у меня $APPLICATION->ShowHead()). И до загрузки DOM.

В документации написано:

Параметр $additional
По умолчанию false, то есть скрипты подключаются после подключения скриптов ядра и шаблона сайта. Если true скрипты, подключаемые данным методом, будут добавляться в конец текущего таргета вывода скриптов. Т.е. если относятся к ядру то после всего ядра, если к шаблону, то после шаблона сайта и смогут на него повлиять.

Я пишу:

Asset::getInstance()->addJs("/local/templates/main/js/sceneIndex.js", true);

Но скрипт все равно в шапке.
Если вчитаться в "..если относятся к ядру то после всего ядра, если к шаблону, то после шаблона.." то видимо у меня после ядра, а не после шаблона. Как сделать чтобы скрипт загружался после шаблона?

Я не там пишу подключение скриптов?
Где "правильнее" их подключать?
Сейчас подключаю вот здесь /local/templates/index/footer.php.

Comments

[PetrPo]

В самом начале написано

метод добавляет js в секцию head сайта.

Напиши, что пытаешься сделать? упоминаешь про DOM, наверное не просто так?

[Вадим Яндутов]

PetrPo, хочу чтобы скрипт подгружался тогда, когда html код подгрузится. Так как скрипт берет из html адреса картинок.
HTML не загружен - в итоге скрипт картинки не видит.

[PetrPo]

Вадим Тимошенко, тебе по js надо писать вопрос, а не по битриксу. jQuery используешь или нативный js?

[Вадим Яндутов]

PetrPo, да когда подключаю просто в подвале скрипт вручную через < script >, то работает)

[PetrPo]

Вадим Тимошенко, тебе не скрипт надо подключать в подвале а функцию вызывать когда картинки загрузились и тогда пофиг будет где ты подключил сам скрипт, покажи свой sceneIndex.js чего ты там наколдовал

[Вадим Яндутов]

PetrPo, это до меня разработчик колдовал))

В принципе по коду js он и так должен подгружаться только после загрузки:

$(document).ready(function(){
    $(window).load(function(){
        indexFullPage();
        indexSceneInit();
    });
});

Но вот работает почему-то только после переноса в подвал.
Там 600 строк. Думаю не захочется копаться =)

[PetrPo]

Вадим Тимошенко, че-то почитал что document.ready до загрузки картинок срабатывает)) видимо придется сделать так

window.onload = function() {
// здесь вызов функции
}

Answer 1

[Михаил]

ты не праильно вчитываешься

будут добавляться в конец текущего таргета вывода скриптов.

т.е. ты выбираешь после скриптов ядра или после скриптов шаблона
если хочешь в конец страницы, то в админке в настройке главного модуля поставь соответствующую галочку

Comments

[Вадим Яндутов]

Понял, спасибо!

Но если я отмечу "Переместить весь Javascript в конец страницы" - он же все перенесет в конец? А если мне нужно только пару скриптов в конец, а все остальное в начале?

Неужели выход - только вручную html тег script прописывать?

[Михаил]

выход да, только такой, НО зачем тебе разбивать его?
у тебя все равно он будет отрабатываться поочередно, а вообще лучше все скрипты внизу подгружать, чтобы контент прогружался быстрее скриптов

Answer 2

[russeljo]

Возможно не надо подключать в футере, а использовать атрибут defer
<script src="demo_defer.js" defer></script>

https://learn.javascript.ru/script-async-defer#defer