Какой будет верный метод, для асинхронной загрузки кода JS

Разработчикам Общение разработчиков
1

Добрый день ребята. Подскажите,какой будет верный способ для асинхронной загрузки кода JS (faceebook Piхеl или какой-то другой код JS)
К примеру этот код

<script type="text/javascript" window.jsErrors = []; window.onerror = function(errorMessage) { document.write('
' + errorMessage + '
'); }; </script Так как на просторах интернета нашла два метода, подскажите, какой будет верный? 1. window.addEventListener('DOMContentLoaded', function() {. тут код..}) 2. $(document).ready(function(){ // код помещенный в такую конструкцию выполниться после полной загрузки страницы });
2

Все привет! Никто не знаеш?

3

Верные оба, первый чистый javascript, второй JQuery. Первый будет немного быстрее

4

Если будете вставлять через HTML блок с поддержкой smarty, оберните весь код следующими тэгами

{literal}
... ваш код....
{/literal}
5

Если вам нужно просто добавить Facebook Pixel, то есть специальный модуль Пиксель Facebook.

Если вам нужно именно асинхронную загрузку файла скрипта, то здесь можно почитать подробнее https://learn.javascript.ru/script-async-defer

То, что вы написали больше про порядок загрузки и выполнения, а не про сам процесс загрузки. Возможно, это вам и подойдёт. Зависит от вашей задачи.

7

Все верно. Больше нужно для порядка загруки после полной загрузки DOM
Да, но async defer предназначен для внешних скриптов, а я имела ввиду порядок загрузки скриптом такого формата(как выше), и загрузку скриптов которые грузятся с сервера (к примеру script src="js/lib/jquery/jquery.min.js

8

Обычно файл со скриптом лежит отдельно:

(function(_, $) {
    $(document).ready(function(){
        if (ПРОВЕРКА НА ТО, БЫЛ ЛИ УЖЕ ЗАГРУЖЕН СКРИПТ) {
            $.getScript('адрес/до/скрипта.js', function() {
                // То, что выполнить после загрузки скрипта.
            });
        }
    });
}(Tygh, Tygh.$));

Если есть работа с Ajax, то вместо $(document).read лучше использовать конструкцию вида:

$.ceEvent('on', 'ce.commoninit', function (context) {

});
2 лайка
11

В данном случаи ваш скрипт можно использовать после полной загрузки Dom дерева

12

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

<script var actualUahUsd; let xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.privatbank.ua/p24api/pubinfo?json&exchange&coursid=5'); xhr.send(); </script